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

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