如何在引导程序中从左向右移动选择框下拉箭头答案

【问题标题】：How to move select box dropdown arrow from left to right in bootstrap如何在引导程序中从左向右移动选择框下拉箭头
【发布时间】：2014-04-16 03:27:49
【问题描述】：

我想在引导程序中从左到右显示下拉箭头。我尝试了很多来解决这个问题。

<select data-live-search="true" class="selectpicker show-menu-arrow">
  <option>Hot Dog, Fries and a Soda</option>
  <option>Burger, Shake and a Smile</option>
  <option>Sugar, Spice and all things nice</option>
</select>

【问题讨论】：

你的意思是从右到左吗？
下拉菜单中的向上箭头在左侧我想在选择框的右侧显示它
你能分享一下那个或测试网站的小提琴吗，因为默认情况下，人字形在右侧。
我发现我们可以使用 .bootstrap-select.show-menu-arrow .dropdown-toggle:after 类来玩
太棒了。你现在可以关闭问题了。

标签： html css twitter-bootstrap bootstrap-select

【解决方案1】：

覆盖引导选择 CSS..

.bootstrap-select.btn-group .btn .caret {
left: 12px;
}
.bootstrap-select.btn-group .btn .filter-option {
text-align: right;
}

演示：http://www.bootply.com/121268

【讨论】：

我发现我们可以使用 .bootstrap-select.show-menu-arrow .dropdown-toggle:after 类来玩