html - 如何在 Bootstrap 中从左向右移动选择框下拉箭头

Question

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

<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

覆盖 Bootstrap Select CSS..

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

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