Bootstrap 3 下拉箭头在移动设备上未正确显示

Question

我对 Bootstrap 的标准插入符号有一个奇怪的问题：在 Chrome 的开发人员设备工具上，它可以正确显示，但是当我在移动设备上查看同一页面时，箭头会呈现为矩形。我不知道为什么？有人可以帮忙吗？

Test Page, view it with mobile to see the error

（这个问题与我检查的其他问题不同，因为问题通常出在手机上）

Answer 1

我遇到了同样的问题并通过将其添加到我的 css 来解决它：

@media (max-width: 767px){
  .caret{
    border-top: 4px solid;
  }
}