Skip to content


Subversion checkout URL

You can clone with
Download ZIP
A custom select for @twitter bootstrap using button dropdown; originally by Silvio Moreto
branch: master

This branch is 784 commits behind silviomoreto:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.


A custom select for @twitter bootstrap using button dropdown, designed to behave like regular Bootstrap selects; originally by Silvio Moreto and Ana Carolina. See an example.


Create your <select> with the .selectpicker class.

<select class="selectpicker">

Enable Bootstrap-Select via JavaScript:


Or just


Options can be passed via data attributes or JavaScript.

  style: 'btn-info',
  size: 4

You can set different Bootstrap classes on the button via the data-style attribute. Classes are applied to .btn-group.Apply .span* class to the selects to set the width. Add the disabled attribute to the select to apply the .disabled class. The size option is set to 'auto' by default. When size is set to 'auto', the menu always opens up to show as many items as the window will allow without being cut off. Set size to false to always show all items. The size of the menu can also be specifed using the data-size attribute. Specify a number for data-size to choose the maximum number of items to show in the menu. Make the select a dropup menu by adding the .dropup class to the select.

Something went wrong with that request. Please try again.