https://github.com/fk/select2-bootstrap-css

CSS to make Select2 fit in with Bootstrap 3
https://github.com/fk/select2-bootstrap-css

Last synced: 2 months ago
JSON representation

CSS to make Select2 fit in with Bootstrap 3

• Host: GitHub
• URL: https://github.com/fk/select2-bootstrap-css
• Owner: fk
• License: mit
• Fork: true (t0m/select2-bootstrap-css)
• Created: 2013-08-14T12:03:55.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2015-04-08T02:41:59.000Z (almost 10 years ago)
• Last Synced: 2024-10-18T23:17:15.349Z (3 months ago)
• Language: CSS
• Homepage: https://fk.github.io/select2-bootstrap-css/
• Size: 2.21 MB
• Stars: 198
• Watchers: 17
• Forks: 24
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[select2-bootstrap-css](https://github.com/t0m/select2-bootstrap-css),  

forked for Bootstrap 3.

### This forks work has been reintegrated into the original [select2-bootstrap-css](https://github.com/t0m/select2-bootstrap-css) in a [dedicated "bootstrap3"-branch](https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3). [Please go there to be sure to grab the latest version](https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3) and to file issues or pull requests. This repository will stay up for now to offer access to the [demonstrations](http://fk.github.io/select2-bootstrap-css/).

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](https://github.com/t0m/select2-bootstrap-css) for Bootstrap 2 by [Tom Terrace](https://github.com/t0m) ([@tterrace](https://twitter.com/tterrace)).

###### Contributors

 * [Juri Strumpflohner](https://github.com/juristr) ([@juristr](https://twitter.com/juristr)) – [adding missing display:block](https://github.com/fk/select2-bootstrap-css/pull/1)