278 lines
9.8 KiB
HTML
278 lines
9.8 KiB
HTML
<!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="//ivaynberg.github.io/select2/select2-3.4.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="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
|
||
<script src="js/respond.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
|
||
<body>
|
||
<div class="jumbotron">
|
||
<div class="container">
|
||
<div class="select2-demos">
|
||
<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>
|
||
</div>
|
||
|
||
<h1>Select2 Bootstrap 3 CSS</h1>
|
||
|
||
<p class="lead">CSS to make <a href="http://ivaynberg.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-large">Download CSS from GitHub</a>
|
||
|
||
<ul class="jumbotron-links">
|
||
<li><a href="https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3">GitHub project</a></li>
|
||
<li><a href="https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3#readme">Readme</a></li>
|
||
<li><a href="https://github.com/t0m/select2-bootstrap-css">Bootstrap 2 version</a></li>
|
||
</ul>
|
||
|
||
<hr>
|
||
|
||
<h2>Demonstrations</h2>
|
||
|
||
<ul class="jumbotron-links">
|
||
<li>Bootstrap 3.2.0 and Select2</li>
|
||
|
||
<li><a href="3.3.2.html">3.3.2</a></li>
|
||
|
||
<li><a href="3.4.1.html">3.4.1</a></li>
|
||
|
||
<li><a href="3.4.2.html">3.4.2</a></li>
|
||
|
||
<li><a href="3.4.3.html">3.4.3</a></li>
|
||
|
||
<li><a href="3.4.4.html">3.4.4</a></li>
|
||
|
||
<li><a href="3.4.5.html">3.4.5</a></li>
|
||
|
||
<li><a href="3.5.1.html">3.5.1</a></li>
|
||
|
||
<li><a href="master.html">master</a></li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<div class="container">
|
||
<p>
|
||
<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.
|
||
</p>
|
||
<p>
|
||
❤ <a href="https://twitter.com/fk">@fk</a> × <a href="https://github.com/fk/select2-bootstrap-css#credits">contributors</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||
<script src="//ivaynberg.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 );
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|