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

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选择CSS ..

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

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