72 lines
2.3 KiB
HTML
72 lines
2.3 KiB
HTML
---
|
||
layout: minimal
|
||
version: 3.4.2
|
||
---
|
||
<div class="jumbotron">
|
||
<div class="container">
|
||
<div class="select2-demos">
|
||
<div class="select2-wrapper">
|
||
<select class="form-control input-lg select2">
|
||
<option></option>
|
||
{% include select2-select.html %}
|
||
</select>
|
||
</div>
|
||
<div class="select2-wrapper">
|
||
<select class="form-control select2" multiple="multiple">
|
||
<option></option>
|
||
{% include select2-select.html %}
|
||
</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>
|
||
{% include select2-select.html %}
|
||
</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>
|
||
{% for version in site.versions %}
|
||
<li><a href="{{ version }}.html">{{ version }}</a></li>
|
||
{% endfor %}
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
{% include footer.html %}
|
||
|
||
<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>
|