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

simple css to make select2 widgets fit in with bootstrap
https://github.com/t0m/select2-bootstrap-css

Last synced: 16 days ago
JSON representation

simple css to make select2 widgets fit in with bootstrap

• Host: GitHub
• URL: https://github.com/t0m/select2-bootstrap-css
• Owner: t0m
• License: mit
• Created: 2013-02-15T15:04:57.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2016-05-27T18:19:44.000Z (over 8 years ago)
• Last Synced: 2024-10-02T07:51:41.425Z (about 1 month ago)
• Language: CSS
• Size: 1.65 MB
• Stars: 684
• Watchers: 42
• Forks: 218
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Select2 Bootstrap CSS

Simple CSS to make Select2 widgets fit in with Bootstrap.  

* NOTE: This is the legacy repo. You probably want the official one here: https://github.com/select2/select2-bootstrap-theme

--------------------------------------------------

* This branch (`master`) contains the legacy version for Bootstrap 2.  

* The legacy bootstrap 3 branch is here: [`bootstrap3` branch](https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3).*

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](http://nodejs.org/), [Less](http://lesscss.org/), and [SASS](http://sass-lang.com/). 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](http://compass-style.org/) 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/