Skip to content

fk/select2-bootstrap-css

 
 

Repository files navigation

select2-bootstrap-css,
forked for Bootstrap 3.

This forks work has been reintegrated into the original select2-bootstrap-css in a dedicated "bootstrap3"-branch. Please go there to be sure to grab the latest version and to file issues or pull requests. This repository will stay up for now to offer access to the demonstrations.

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

About

CSS to make Select2 fit in with Bootstrap 3

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 95.1%
  • JavaScript 3.2%
  • Ruby 1.7%