index.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&nbsp;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.github.com/fk/select2-bootstrap-css/master/select2-bootstrap.css" class="btn btn-outline btn-large">Download CSS from GitHub</a>

		<ul class="jumbotron-links">
			<li><a href="http://github.com/fk/select2-bootstrap-css">GitHub project</a></li>
			<li><a href="http://github.com/fk/select2-bootstrap-css#readme">Readme</a></li>
			<li><a href="http://github.com/t0m/select2-bootstrap-css">Bootstrap 2 version</a></li>
		</ul>

		<hr>

		<h2>Demonstrations</h2>

		<ul class="jumbotron-links">
			<li>Bootstrap 3.0.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="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://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>