No commit activity in last 3 years
No release in over 3 years
A stylesheet for making select2 fit in with bootstrap a bit better.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Development

>= 0
 Project Readme

Select2 Bootstrap CSS

Simple CSS to make Select2 widgets fit in with Bootstrap.


  • This branch (master) contains the legacy version for Bootstrap 2.
  • The legacy bootstrap 3 branch is here: bootstrap3 branch.*

The LESS file is located at lib/select2-bootstrap.less, and the SCSS file is located at lib/select2-bootstrap.scss.

Tests are included to verify that LESS and SCSS compile down to the target CSS. To run the tests, you'll need to install node.js, Less, and SASS. Then you can run:

npm install && bower install
npm test

Notable Changes

Versions prior to 1.2.0 included a default width for select2 containers. Applying the class "input-default" to your select will line the select2 container up with a default bootstrap text input.

Compass

This library can also be used as a Compass plugin.

Gemfile:

gem 'select2-bootstrap-css'

compass.rb:

require 'select2-bootstrap-css'

Your scss file:

@import 'select2-bootstrap';

Demos

http://t0m.github.io/select2-bootstrap-css/