html - 如何在引导程序中从左到右移动选择框下拉箭头

Question

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

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

Answer 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