294 lines
10 KiB
HTML
Executable File
294 lines
10 KiB
HTML
Executable File
<!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>
|