相关疑难解决方法(0)

我正在使用Twitter bootstap,并希望删除下拉菜单上的向上箭头,在我的导航中.我在bootstrap.css中找不到引用.

.navbar .dropdown-menu:after {
 content: '';
 display: inline-block;
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-bottom: 6px solid #000; /* change color here, modified for a black arrow */
 position: absolute;
 top: -6px;
 left: 10px;
}

所以我用这个方法在下拉菜单上添加我的箭头:bootstrap 3箭头

在桌面上工作得很好,但唯一的问题是移动视图中的箭头在崩溃时仍然会出现(<768px).

演示:http://jsfiddle.net/nolabel/Mk9PD/

.navbar-nav>li>.dropdown-menu, ul.dropdown-menu {
    border: 5px solid #7ed1e3;
    border-radius: 10px;
}
.dropdown-menu:after {
  position: absolute;
  top: -16px;
  left: 24%;
  display: inline-block;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #7ed1e3;
  border-left: 11px solid transparent;
  content: '';
}
.dropdown-menu:before {
  position: absolute;
  top: -17px;
  left: 25%;
  display: inline-block;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ccc;
  border-left: 12px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

解决这个问题的最佳方法是什么？