I find the select Twitter Bootstrap's dropdown very ugly, how can I deactivate Bootstrap only for the select widget? Or is it possible to customize the way the select dropdown looks?
There are many ways to design a <select> dropdown menu using CSS. The Dropdown Menu is mainly used to select an element from the list of elements. Each menu option can be defined by an <option> element that can nested inside the <select> element.
To open the dropdown menu, use a button or a link with a class of . dropdown-toggle and the data-toggle="dropdown" attribute. The . caret class creates a caret arrow icon (), which indicates that the button is a dropdown.
Bootstrap Select is a form control that shows a collapsable list of different values that can be selected. This can be used for displaying forms or menus to the user.
To right-align a menu, use . dropdown-menu-right. Right-aligned nav components in the navbar use a mixin version of this class to automatically align the menu.
Check it out: https://developer.snapappointments.com/bootstrap-select/
You can change the color of the dropdown button through the different classes. And if you want another color, just override it in css. E.g.:
.btn {
background-color: #FFF;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With