/select2-bootstrap-css

simple css to make select2 widgets fit in with bootstrap

Primary LanguageCSS

select2-bootstrap-css,
forked for Bootstrap 3.

Demonstrations available at
http://fk.github.io/select2-bootstrap-css/

Tested with Bootstrap 3.0.0 and Select2 3.3.2, 3.4.1, 3.4.2, 3.4.3, 3.4.4, 3.4.5 in latest Chrome, Safari, Firefox, Opera (Mac) and IE8-IE10.

Known issues
  • IE8/IE9/IE10, Firefox: Select2 in "Bootstrap input group with radio/checkbox addon" and `.input-lg is 1px off in height (IE9/IE10, Firefox behave the same for Bootstrap 3's "input group sizing"-demo at http://getbootstrap.com/components/#input-groups-sizing … looks like Bootstrap 3's radio/checkbox-addon is 1px too high)
  • IE9/IE10: Select2 in "Bootstrap input group with button addon" (no height modifier, i. e. .input-sm, .input-lg) also is 1px off in height (bug not inherited from Bootstrap 3)
  • box-shadow for .select2-search input do not fit Bootstrap's defaults
  • the Select2 dropdown could inherit look-and-feel from Bootstrap dropdowns and/or could honor Bootstrap height sizing classes
  • border-radii for opened Select2 dropdowns could consistently be set to be … round ;-)
  • checkboxes and radio-buttons in "Bootstrap input groups" could be vertically aligned to the top (instead of center) if combined with a multi Select2 to address variable height of the Select2 container
Credits

Original select2-bootstrap-css for Bootstrap 2 by Tom Terrace (@tterrace).

Contributors