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;
  }
}