123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294 |
- <!doctype html>
- <html class="home">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>select2-bootstrap-css</title>
- <link rel="stylesheet" href="css/bootstrap.min.css">
- <link rel="stylesheet" href="//select2.github.io/select2/select2-3.5.2/select2.css">
- <link rel="stylesheet" href="css/select2-bootstrap.css">
- <link rel="stylesheet" href="css/gh-pages.css">
- <!--[if lt IE 9]>
- <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
- <script src="js/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <div class="jumbotron">
- <div class="container">
- <div class="select2-wrapper">
- <select class="form-control input-lg select2">
- <option></option>
- <optgroup label="Alaskan/Hawaiian Time Zone">
- <option value="AK">Alaska</option>
- <option value="HI">Hawaii</option>
- </optgroup>
- <optgroup label="Pacific Time Zone">
- <option value="CA">California</option>
- <option value="NV">Nevada</option>
- <option value="OR">Oregon</option>
- <option value="WA">Washington</option>
- </optgroup>
- <optgroup label="Mountain Time Zone">
- <option value="AZ">Arizona</option>
- <option value="CO">Colorado</option>
- <option value="ID">Idaho</option>
- <option value="MT">Montana</option><option value="NE">Nebraska</option>
- <option value="NM">New Mexico</option>
- <option value="ND">North Dakota</option>
- <option value="UT">Utah</option>
- <option value="WY">Wyoming</option>
- </optgroup>
- <optgroup label="Central Time Zone">
- <option value="AL">Alabama</option>
- <option value="AR">Arkansas</option>
- <option value="IL">Illinois</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="OK">Oklahoma</option>
- <option value="SD">South Dakota</option>
- <option value="TX">Texas</option>
- <option value="TN">Tennessee</option>
- <option value="WI">Wisconsin</option>
- </optgroup>
- <optgroup label="Eastern Time Zone">
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="IN">Indiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="NH">New Hampshire</option><option value="NJ">New Jersey</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="OH">Ohio</option>
- <option value="PA">Pennsylvania</option><option value="RI">Rhode Island</option><option value="SC">South Carolina</option>
- <option value="VT">Vermont</option><option value="VA">Virginia</option>
- <option value="WV">West Virginia</option>
- </optgroup>
- </select>
- </div>
- <div class="select2-wrapper">
- <select class="form-control select2" multiple="multiple">
- <option></option>
- <optgroup label="Alaskan/Hawaiian Time Zone">
- <option value="AK">Alaska</option>
- <option value="HI">Hawaii</option>
- </optgroup>
- <optgroup label="Pacific Time Zone">
- <option value="CA">California</option>
- <option value="NV">Nevada</option>
- <option value="OR">Oregon</option>
- <option value="WA">Washington</option>
- </optgroup>
- <optgroup label="Mountain Time Zone">
- <option value="AZ">Arizona</option>
- <option value="CO">Colorado</option>
- <option value="ID">Idaho</option>
- <option value="MT">Montana</option><option value="NE">Nebraska</option>
- <option value="NM">New Mexico</option>
- <option value="ND">North Dakota</option>
- <option value="UT">Utah</option>
- <option value="WY">Wyoming</option>
- </optgroup>
- <optgroup label="Central Time Zone">
- <option value="AL">Alabama</option>
- <option value="AR">Arkansas</option>
- <option value="IL">Illinois</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="OK">Oklahoma</option>
- <option value="SD">South Dakota</option>
- <option value="TX">Texas</option>
- <option value="TN">Tennessee</option>
- <option value="WI">Wisconsin</option>
- </optgroup>
- <optgroup label="Eastern Time Zone">
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="IN">Indiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="NH">New Hampshire</option><option value="NJ">New Jersey</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="OH">Ohio</option>
- <option value="PA">Pennsylvania</option><option value="RI">Rhode Island</option><option value="SC">South Carolina</option>
- <option value="VT">Vermont</option><option value="VA">Virginia</option>
- <option value="WV">West Virginia</option>
- </optgroup>
- </select>
- </div>
- <div class="select2-wrapper">
- <div class="form-group">
- <div class="input-group input-group-sm select2-bootstrap-prepend">
- <span class="input-group-addon">
- <input type="checkbox">
- </span>
- <select id="select2-single-input-group-sm" class="form-control select2" disabled>
- <option></option>
- <optgroup label="Alaskan/Hawaiian Time Zone">
- <option value="AK">Alaska</option>
- <option value="HI">Hawaii</option>
- </optgroup>
- <optgroup label="Pacific Time Zone">
- <option value="CA">California</option>
- <option value="NV">Nevada</option>
- <option value="OR">Oregon</option>
- <option value="WA">Washington</option>
- </optgroup>
- <optgroup label="Mountain Time Zone">
- <option value="AZ">Arizona</option>
- <option value="CO">Colorado</option>
- <option value="ID">Idaho</option>
- <option value="MT">Montana</option><option value="NE">Nebraska</option>
- <option value="NM">New Mexico</option>
- <option value="ND">North Dakota</option>
- <option value="UT">Utah</option>
- <option value="WY">Wyoming</option>
- </optgroup>
- <optgroup label="Central Time Zone">
- <option value="AL">Alabama</option>
- <option value="AR">Arkansas</option>
- <option value="IL">Illinois</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="OK">Oklahoma</option>
- <option value="SD">South Dakota</option>
- <option value="TX">Texas</option>
- <option value="TN">Tennessee</option>
- <option value="WI">Wisconsin</option>
- </optgroup>
- <optgroup label="Eastern Time Zone">
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="IN">Indiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="NH">New Hampshire</option><option value="NJ">New Jersey</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="OH">Ohio</option>
- <option value="PA">Pennsylvania</option><option value="RI">Rhode Island</option><option value="SC">South Carolina</option>
- <option value="VT">Vermont</option><option value="VA">Virginia</option>
- <option value="WV">West Virginia</option>
- </optgroup>
- </select>
- </div>
- </div>
- </div>
- <h1 class="jumbotron-title">Select2 Bootstrap 3 CSS</h1>
- <p class="lead">CSS to make <a href="http://select2.github.io/select2/">Select2</a> fit in with <a href="http://getbootstrap.com/">Bootstrap 3</a> – ready for use in original, LESS, Sass and Compass flavors.</p>
- <a href="https://raw.githubusercontent.com/t0m/select2-bootstrap-css/bootstrap3/select2-bootstrap.css" class="btn btn-outline btn-lg">Download CSS from GitHub</a>
- <h2>Demonstrations</h2>
- <div class="select2-wrapper">
- <div class="input-group input-group-sm select2-bootstrap-prepend" id="abId0.002539606299251318">
- <div class="input-group-btn">
- <button class="btn btn-default" type="button" data-select2-open="demonstrations">
- Bootstrap 3.3.2 and
- </button>
- </div>
- <select id="demonstrations" class="form-control">
- <option></option>
-
- <option value="master.html">master</option>
-
- <option value="3.5.2.html">3.5.2</option>
-
- <option value="3.5.1.html">3.5.1</option>
-
- <option value="3.4.5.html">3.4.5</option>
-
- <option value="3.4.4.html">3.4.4</option>
-
- <option value="3.4.3.html">3.4.3</option>
-
- <option value="3.4.2.html">3.4.2</option>
-
- <option value="3.4.1.html">3.4.1</option>
-
- <option value="3.3.2.html">3.3.2</option>
-
- </select>
- </div>
- </div>
- </div>
- </div>
- <div class="footer">
- <div class="container">
- <ul class="footer-links">
- <li class="version"><span class="hidden-xs">Currently</span> v1.4.6</li>
- <li>·</li>
- <li><a href="https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3">GitHub</a></li>
- <li>·</li>
- <li><a href="https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3#readme">Readme</a></li>
- <li>·</li>
- <li><a href="https://github.com/t0m/select2-bootstrap-css">Bootstrap 2 version</a></li>
- </ul>
- <small>
- <a href="http://getbootstrap.com">Bootstrap</a> is a front-end framework for fast, sleek, and mobile-first web development.<br>
- <a href="http://select2.com">Select2</a> is a jQuery based replacement for select boxes.
- </small>
- </div>
- </div>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <script src="//select2.github.io/select2/select2-3.4.2/select2.js"></script>
- <script>
- $( ".select2" ).select2( { placeholder: "Select a State", maximumSelectionSize: 6 } );
- $( ":checkbox" ).on( "click", function() {
- $( this ).parent().nextAll( "select" ).select2( "enable", this.checked );
- });
- $( "#demonstrations" ).select2( { placeholder: "Select2 version", minimumResultsForSearch: -1 } ).on( "change", function() {
- document.location = $( this ).find( ":selected" ).val();
- } );
- $( "button[data-select2-open]" ).click( function() {
- $( "#" + $( this ).data( "select2-open" ) ).select2( "open" );
- });
- </script>
- </body>
- </html>
|