'How to move select box dropdown arrow from left to right in bootstrap

i want to show the arrow of dropdown from left to right in bootstrap. i tried a lot to solve this.

<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>
htmlcsstwitter-bootstrapbootstrap-select


Solution 1:[1]

Override the Bootstrap Select CSS..

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

Demo: http://www.bootply.com/121268

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Zim

Related Questions