locomotivecms 3.0.0.rc6 → 3.0.0.rc7

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/Gemfile

@@ -0,0 +1,3 @@
+source "https://rubygems.org"
+
+gemspec

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/Gruntfile.js

@@ -0,0 +1,110 @@
+module.exports = function(grunt) {
+  // Load all grunt tasks.
+  require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);
+
+  // Project configuration.
+  grunt.initConfig({
+    nodeunit: {
+      all: ['test/*_test.js']
+    },
+
+    sass: {
+      options: {
+        style: 'expanded'
+      },
+      dist: {
+        files: {
+          '_jekyll/css/select2-bootstrap.css': 'lib/build.scss',
+          'docs/css/select2-bootstrap.css': 'lib/build.scss',
+          'select2-bootstrap.css': 'lib/build.scss'
+        }
+      },
+      test: {
+        files: {
+          'tmp/select2-bootstrap.css': 'lib/build.scss'
+        }
+      }
+    },
+
+    cssmin: {
+      target: {
+        files: {
+          'select2-bootstrap.min.css': 'select2-bootstrap.css'
+        }
+      }
+    },
+
+    jshint: {
+      all: ['Gruntfile.js', '*.json']
+    },
+
+    bump: {
+      options: {
+        files: [
+          'package.json',
+          'bower.json',
+          'lib/select2-bootstrap/version.rb'
+        ],
+        push: false,
+        createTag: false
+      }
+    },
+
+    copy: {
+      main: {
+        files: [
+          {
+            src: 'bower_components/bootstrap/dist/css/bootstrap.min.css',
+            dest: '_jekyll/css/bootstrap.min.css',
+            expand: false
+          },
+          {
+            src: 'bower_components/bootstrap/dist/js/bootstrap.min.js',
+            dest: '_jekyll/js/bootstrap.min.js',
+            expand: false
+          },
+          {
+            src: 'bower_components/respond/dest/respond.min.js',
+            dest: '_jekyll/js/respond.min.js',
+            expand: false
+          },
+          {
+            cwd: 'bower_components/bootstrap/dist/fonts',
+            src: ['**/*'],
+            dest: '_jekyll/fonts',
+            expand: true
+          }
+        ]
+      }
+    },
+
+    shell: {
+      jekyllBuild: {
+        command: 'jekyll build -s _jekyll -d docs'
+      },
+      jekyllServe: {
+        command: 'jekyll serve -w -s _jekyll -d docs'
+      }
+    },
+
+    'gh-pages': {
+      options: {
+        base: 'docs',
+        message: 'Update gh-pages.'
+      },
+      src: ['**/*']
+    },
+
+    watch: {
+      files: 'lib/select2-bootstrap.scss',
+      tasks: ['sass'],
+      options: {
+        livereload: true
+      }
+    }
+  });
+
+  // Default tasks.
+  grunt.registerTask('build', ['sass', 'cssmin', 'copy', 'shell:jekyllBuild']);
+  grunt.registerTask('serve', ['shell:jekyllServe']);
+};

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/LICENSE

@@ -0,0 +1,8 @@
+The MIT License (MIT)
+Copyright (c) 2013 Tom Terrace
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/README.md

@@ -0,0 +1,91 @@
+[select2-bootstrap-css](https://github.com/t0m/select2-bootstrap-css),  
+forked for Bootstrap 3.
+
+Demonstrations available at  
+http://fk.github.io/select2-bootstrap-css/
+
+Tested with Bootstrap v3.3.2 and Select2 v3.3.2, v3.4.1-v3.4.5, v3.5.1, v3.5.2, master  
+in latest Chrome, Safari, Firefox, Opera (Mac) and IE8-IE10.
+
+##### Install
+
+ * [Bower](http://bower.io/): `bower install select2-bootstrap-css`
+ * [npm](http://npmjs.org/): `npm install select2-bootstrap-css`
+
+##### Known issues
+
+ * box-shadow for .select2-search input do not fit Bootstrap's defaults
+ * the Select2 dropdown could inherit look-and-feel from Bootstrap dropdowns and/or could honor Bootstrap height sizing classes
+ * checkboxes and radio-buttons in "Bootstrap input groups" could be vertically aligned to the top (instead of center) if combined with a multi Select2 to address variable height of the Select2 container
+
+##### Changelog
+
+###### v1.4.6
+
+ * Fix wrong version number in distribution sources.
+
+###### v1.4.5
+
+ * Built on Bootstrap 3 v3.3.2 and corresponding bootstrap-sass.
+
+###### v1.4.4
+
+ * Don't hardcode :focus box-shadow colour ([#58](https://github.com/t0m/select2-bootstrap-css/issues/58)).
+
+###### v1.4.3
+
+ * Removed gradient for `.select2-dropdown-open.select2-drop-above [class^="select2-choice"]` in IE <= 9; really fixes [#35](https://github.com/t0m/select2-bootstrap-css/issues/35).
+
+###### v1.4.2
+
+ * Removed box-shadow for `.select2-container.form-control` (inherited from Bootstrap's `.form-control`).
+ * Fixed [#35](https://github.com/t0m/select2-bootstrap-css/issues/35).
+ * Removed border-left for `.select2-arrow` ([#36](https://github.com/t0m/select2-bootstrap-css/issues/36)).
+ * Built on Bootstrap 3 v3.3.1 and corresponding bootstrap-sass.
+ * Bower components now live in the default "bower_components" folder; ditched grunt-jekyll in favor of grunt-shell.
+ * Updated grunt plugins.
+
+###### v1.4.1
+
+ * Fixed border-radii for `.select2-dropdown-open.select2-drop-above` (as reported by @rzschech in https://github.com/t0m/select2-bootstrap-css/issues/24#issuecomment-37683695, https://github.com/t0m/select2-bootstrap-css/issues/24#issuecomment-37688176) and `.select2-dropdown in "Bootstrap input groups with addons".
+ * Fixed an issue where using Select2 pre v3.4.2 in combination with Bootstrap v3.2.0 and when using Select2 in a "Bootstrap Input Group with Addons" context would result in the original `<select>` element not being hidden.
+ * Removed trailing comma in bower.json.
+
+###### v1.4.0
+
+ * First version built on Twitter Bootstrap v3.2.0.
+ * [Fixes](https://github.com/t0m/select2-bootstrap-css/compare/v1.3.1...v1.4.0#diff-c3edd22c1ff48e2129219a4de833349dL87) a bug inherited from Twitter Bootstrap by using its variables which in IE8-IE10 and Firefox caused Select2 widgets in "Bootstrap input groups with radio/checkbox addon" and `.input-lg` size modifier to be 1px off in height (Bootstrap 3's "input group sizing"-demo at http://getbootstrap.com/components/#input-groups-sizing behaved the same for Bootstrap v3.0.0).
+ * Updates UI [component colors](https://github.com/t0m/select2-bootstrap-css/compare/v1.3.1...v1.4.0#diff-c3edd22c1ff48e2129219a4de833349dL224).
+
+###### v1.3.1
+
+ * Added `main` and `dependencies` section to bower.json.
+
+###### v1.3.0
+
+ * First tagged version of the bootstrap3 branch (as requested in https://github.com/t0m/select2-bootstrap-css/issues/30).
+
+##### Credits
+
+ Original [select2-bootstrap-css](https://github.com/t0m/select2-bootstrap-css) for Bootstrap 2 by [Tom Terrace](https://github.com/t0m) ([@tterrace](https://twitter.com/tterrace)).
+
+##### Contributing
+
+The project offers [Less](http://lesscss.org/) and [Sass](http://sass-lang.com/) sources for building `select2-bootstrap.css`; both make use of variables from either [Bootstrap](https://github.com/twbs/bootstrap) (Less) or [Bootstrap for Sass](https://github.com/twbs/bootstrap-sass). The demo pages are built using [Jekyll](http://jekyllrb.com/) and there are a bunch of [Grunt](http://gruntjs.com/) tasks to ease development.
+
+With [Ruby](https://www.ruby-lang.org/en/downloads/) and [RubyGems](http://rubygems.org/pages/download), [Jekyll](http://jekyllrb.com/), [Bower](http://bower.io/), [node.js](http://nodejs.org/), [Less](http://lesscss.org/) and [Sass](http://sass-lang.com/) installed, run
+
+    npm install && bower install
+
+to install all necessary development dependencies.
+
+ * `grunt copy` copies assets from `components` to `_jekyll` – use this in case a new version of Twitter Bootstrap or Select2 are out and need to be tested
+ * `grunt build` builds `docs`
+ * `grunt serve` builds `docs` and serves them via Jekyll's `--watch` flag on http://localhost:4000
+ * `grunt watch` watches for changes in `lib/select2-bootstrap.scss` ([livereload](https://github.com/gruntjs/grunt-contrib-watch#optionslivereload) is enabled)
+
+Develop in `lib/select2-bootstrap.scss` test your changes using `grunt watch` and `grunt serve`. Ideally, port your changes to `lib/select2-bootstrap.less` and make sure tests are passing to verify that Less and Sass compile down to the target CSS via `npm test`.
+
+###### Contributors
+
+ * [Juri Strumpflohner](https://github.com/juristr) ([@juristr](https://twitter.com/juristr)) – [adding missing display:block](https://github.com/fk/select2-bootstrap-css/pull/1)

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/3.3.2.html

@@ -0,0 +1,4 @@
+---
+layout: default
+version: 3.3.2
+---

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/3.4.1.html

@@ -0,0 +1,4 @@
+---
+layout: default
+version: 3.4.1
+---

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/3.4.2.html

@@ -0,0 +1,4 @@
+---
+layout: default
+version: 3.4.2
+---

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/3.4.3.html

@@ -0,0 +1,4 @@
+---
+layout: default
+version: 3.4.3
+---

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/3.4.4.html

@@ -0,0 +1,4 @@
+---
+layout: default
+version: 3.4.4
+---

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/3.4.5.html

@@ -0,0 +1,4 @@
+---
+layout: default
+version: 3.4.5
+---

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/3.5.1.html

@@ -0,0 +1,4 @@
+---
+layout: default
+version: 3.5.1
+---

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/3.5.2.html

@@ -0,0 +1,4 @@
+---
+layout: default
+version: 3.5.2
+---

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/_config.yml

@@ -0,0 +1,13 @@
+versions:
+  - 3.3.2
+  - 3.4.1
+  - 3.4.2
+  - 3.4.3
+  - 3.4.4
+  - 3.4.5
+  - 3.5.1
+  - 3.5.2
+  - master
+
+title:
+  select2-bootstrap-css

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/_includes/footer-links.html

@@ -0,0 +1,9 @@
+<ul class="footer-links">
+	<li class="version"><span class="hidden-xs">Currently</span> v1.4.6</li>
+	<li>&middot;</li>
+	<li><a href="https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3">GitHub</a></li>
+	<li>&middot;</li>
+	<li><a href="https://github.com/t0m/select2-bootstrap-css/tree/bootstrap3#readme">Readme</a></li>
+	<li>&middot;</li>
+	<li><a href="https://github.com/t0m/select2-bootstrap-css">Bootstrap 2 version</a></li>
+</ul>

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/_includes/footer.html

@@ -0,0 +1,10 @@
+<div class="footer">
+	<div class="container">
+		{% include footer-links.html %}
+
+		<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>

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/_includes/head.html

@@ -0,0 +1,13 @@
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>{{ site.title }}</title>
+	<link rel="stylesheet" href="css/bootstrap.min.css">
+	<link rel="stylesheet" href="//select2.github.io/select2/select2-{{ page.version }}/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>

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/_includes/navbar.html

@@ -0,0 +1,21 @@
+<header class="navbar navbar-default navbar-fixed-top" role="navigation">
+	<div class="navbar-header">
+		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".bs-navbar-collapse">
+			<span class="sr-only">Toggle navigation</span>
+			<span class="icon-bar"></span>
+			<span class="icon-bar"></span>
+			<span class="icon-bar"></span>
+		</button>
+		<a class="navbar-brand" href="index.html">select2-bootstrap-css</a>
+	</div>
+
+	<div class="collapse navbar-collapse bs-navbar-collapse">
+		<ul class="nav navbar-nav">
+			{% for version in site.versions %}
+				<li class="{% if version == page.version %}active{% endif %}">
+					<a href="{{ version }}.html">{{ version }}</a>
+				</li>
+			{% endfor %}
+		</ul>
+	</div>
+</header>

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/_includes/select2-select.html

@@ -0,0 +1,55 @@
+<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>

data/vendor/assets/components/locomotive_sources/select2-bootstrap-css/_jekyll/_layouts/default.html

@@ -0,0 +1,489 @@
+<!doctype html>
+<html class="demo">
+	{% include head.html %}
+	<body>
+		{% include navbar.html %}
+
+		<div class="form-group">
+			<label for="default" class="control-label">Default textbox</label>
+			<input id="default" type="text" class="form-control" placeholder="Placeholder text">
+		</div>
+
+		<div class="form-group">
+			<label for="single" class="control-label">Select2 single select</label>
+			<select id="single" class="form-control select2">
+				<option></option>
+				{% include select2-select.html %}
+			</select>
+		</div>
+
+		<div class="form-group">
+			<label for="multiple" class="control-label">Select2 multi select</label>
+			<select id="multiple" class="form-control select2-multiple" multiple>
+				{% include select2-select.html %}
+			</select>
+		</div>
+
+		<div class="page-header">
+			<h3>Input Groups <small><a href="http://getbootstrap.com/components/#input-groups" ><span class="glyphicon glyphicon-link"></span></a></small></h3>
+		</div>
+
+		<p>To let the Select2-widget know if any elements are directly being appended, prepended or both in the context of a Bootstrap input group, add <code>.select2-bootstrap-prepend</code> and/or <code>.select2-bootstrap-append</code> to the <code>.input-group</code> wrapper element to address the corresponding border-radii.</p>
+
+		<div class="form-group">
+			<label for="select2-single-append" class="control-label">Select2 append Checkbox</label>
+			<div class="input-group select2-bootstrap-prepend">
+				<span class="input-group-addon">
+					<input type="checkbox" checked>
+				</span>
+				<select id="select2-single-append" class="form-control select2-allow-clear">
+					<option></option>
+					{% include select2-select.html %}
+				</select>
+			</div>
+		</div>
+
+		<div class="form-group">
+			<label for="single-append-radio" class="control-label">Select2 multi append Radiobutton</label>
+			<div class="input-group select2-bootstrap-prepend">
+				<span class="input-group-addon">
+					<input type="radio">
+				</span>
+				<select id="single-append-radio" class="form-control select2-allow-clear" multiple>
+					<option></option>
+					{% include select2-select.html %}
+				</select>
+			</div>
+		</div>
+
+		<div class="form-group">
+			<label for="single-append-text" class="control-label">Select2 append</label>
+			<div class="input-group select2-bootstrap-append">
+				<select id="single-append-text" class="form-control select2-allow-clear">
+					<option></option>
+					{% include select2-select.html %}
+				</select>
+				<span class="input-group-btn">
+					<button class="btn btn-default" type="button" data-select2-open="single-append-text">
+						<span class="glyphicon glyphicon-search"></span>
+					</button>
+				</span>
+			</div>
+		</div>
+
+		<div class="form-group">
+			<label for="single-prepend-text" class="control-label">Select2 prepend</label>
+			<div class="input-group select2-bootstrap-prepend">
+				<span class="input-group-btn">
+					<button class="btn btn-default" type="button" data-select2-open="single-prepend-text">
+						<span class="glyphicon glyphicon-search"></span>
+					</button>
+				</span>
+				<select id="single-prepend-text" class="form-control select2">
+					<option></option>
+					<option value="A">A</option>
+					<option value="B">B</option>
+					<option value="C">C</option>
+				</select>
+			</div>
+		</div>
+
+		<div class="form-group">
+			<label for="multi-append" class="control-label">Select2 multi append</label>
+			<div class="input-group select2-bootstrap-append">
+				<select id="multi-append" class="form-control select2" multiple>
+					<option></option>
+					<option value="A">A</option>
+					<option value="B">B</option>
+					<option value="C">C</option>
+				</select>
+				<span class="input-group-btn">
+					<button class="btn btn-default" type="button" data-select2-open="multi-append">
+						<span class="glyphicon glyphicon-search"></span>
+					</button>
+				</span>
+			</div>
+		</div>
+
+		<div class="form-group">
+			<label for="multi-prepend" class="control-label">Select2 multi prepend</label>
+			<div class="input-group select2-bootstrap-prepend">
+				<span class="input-group-btn">
+					<button class="btn btn-default" type="button" data-select2-open="multi-prepend">
+						State
+					</button>
+				</span>
+				<select id="multi-prepend" class="form-control select2" multiple>
+					<option></option>
+						{% include select2-select.html %}
+				</select>
+			</div>
+		</div>
+
+		<div class="container">
+
+			<div class="page-header">
+				<h3>
+					Control sizing <small><a href="http://getbootstrap.com/css/#forms-control-sizes"><span class="glyphicon glyphicon-link"></span></a></small>
+				</h3>
+			</div>
+
+			<div class="row">
+				<div class="col-md-4">
+					<label for="select2-multiple-input-sm" class="control-label">col-md-4</label>
+					<select id="select2-multiple-input-sm" class="form-control input-sm select2-multiple" multiple>
+						{% include select2-select.html %}
+					</select>
+				</div>
+				<div class="col-md-3">
+					<label for="select2-single-input-sm" class="control-label">col-md-3</label>
+					<select id="select2-single-input-sm" class="form-control input-sm select2-multiple">
+						{% include select2-select.html %}
+					</select>
+				</div>
+				<div class="col-md-2">
+					<label for="bootstrap-input-sm" class="control-label">Bootstrap input</label>
+					<input id="bootstrap-input-sm" class="form-control input-sm" placeholder=".input-sm">
+				</div>
+				<div class="col-md-3">
+					<div class="form-group has-success">
+						<label for="select2-single-input-group-sm" class="control-label">col-md-3</label>
+						<div class="input-group input-group-sm select2-bootstrap-prepend">
+							<span class="input-group-addon">
+								<input type="radio">
+							</span>
+							<select id="select2-single-input-group-sm" class="form-control select2">
+								<option></option>
+								{% include select2-select.html %}
+							</select>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<hr>
+
+			<div class="row">
+				<div class="col-md-4 has-warning">
+					<label for="select2-multiple" class="control-label">col-md-4</label>
+					<select id="select2-multiple" class="form-control select2-multiple" multiple>
+						{% include select2-select.html %}
+					</select>
+					<p class="help-block">Example block-level help text here.</p>
+				</div>
+				<div class="col-md-3">
+					<label for="span_small" class="control-label">col-md-3</label>
+					<select id="span_small" class="form-control select2">
+						{% include select2-select.html %}
+					</select>
+				</div>
+				<div class="col-md-2">
+					<label for="span-medium">Bootstrap input</label>
+					<input id="span-medium" class="form-control" placeholder=".col-md-2">
+				</div>
+				<div class="col-md-3">
+					<div class="form-group">
+						<label for="span_large" class="control-label">col-md-3</label>
+						<div class="input-group select2-bootstrap-prepend">
+							<span class="input-group-addon">
+								<input type="checkbox" checked>
+							</span>
+							<select id="span_large" class="form-control select2">
+								<option></option>
+								{% include select2-select.html %}
+							</select>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<hr>
+
+			<div class="row">
+				<div class="col-md-4">
+					<label for="select2-multiple-input-lg" class="control-label">col-md-4</label>
+					<select id="select2-multiple-input-lg" class="form-control input-lg select2-multiple" multiple>
+						{% include select2-select.html %}
+					</select>
+				</div>
+				<div class="col-md-3">
+					<label for="span-small" class="control-label">col-md-3</label>
+					<select id="span-small" class="form-control input-lg select2-multiple">
+						{% include select2-select.html %}
+					</select>
+				</div>
+				<div class="col-md-2">
+					<label for="bootstrap-input-lg" class="control-label">Bootstrap input</label>
+					<input id="bootstrap-input-lg" class="form-control input-lg" placeholder=".input-lg">
+				</div>
+				<div class="col-md-3">
+					<div class="form-group has-error">
+						<label for="select2-multiple-input-group-lg" class="control-label">col-md-3</label>
+						<div class="input-group input-group-lg select2-bootstrap-prepend">
+							<span class="input-group-addon">
+								<input type="radio">
+							</span>
+							<select id="select2-multiple-input-group-lg" class="form-control select2">
+								<option></option>
+								{% include select2-select.html %}
+							</select>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="page-header">
+				<h3>
+					Button Addons <small><a href="http://getbootstrap.com/components/#input-groups-buttons"><span class="glyphicon glyphicon-link"></span></a></small>
+				</h3>
+			</div>
+
+			<div class="row">
+				<div class="col-md-7">
+					<label for="select2-button-addons-single-input-group-sm" class="control-label">Select2 custom data load</label>
+					<div class="input-group input-group-sm select2-bootstrap-prepend">
+						<div class="input-group-btn">
+							<button class="btn btn-default" type="button" data-select2-open="select2-button-addons-single-input-group-sm">
+								State
+							</button>
+						</div>
+						<input id="select2-button-addons-single-input-group-sm" type="hidden" class="form-control select2-remote">
+					</div>
+				</div>
+				<div class="col-md-5">
+					<label for="select2-button-addons-multiple-input-group-sm" class="control-label">col-md-5</label>
+					<div class="input-group input-group-sm select2-bootstrap-prepend">
+						<span class="input-group-btn">
+							<button class="btn btn-default" type="button" data-select2-open="select2-button-addons-multiple-input-group-sm">
+								<span class="glyphicon glyphicon-search"></span>
+							</button>
+						</span>
+						<select id="select2-button-addons-multiple-input-group-sm" class="form-control select2-multiple" multiple>
+							{% include select2-select.html %}
+						</select>
+					</div>
+				</div>
+			</div>
+
+			<hr>
+
+			<div class="row">
+				<div class="col-md-7">
+					<label for="select2-button-addons-single-input-group" class="control-label">Select2 custom data load</label>
+					<div class="input-group select2-bootstrap-prepend">
+						<div class="input-group-btn">
+							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+								Action <span class="caret"></span>
+							</button>
+							<ul class="dropdown-menu">
+								<li><a href="#">Action</a></li>
+								<li><a href="#">Another action</a></li>
+								<li><a href="#">Something else here</a></li>
+								<li class="divider"></li>
+								<li><a href="#">Separated link</a></li>
+							</ul>
+						</div>
+						<input id="select2-button-addons-single-input-group" type="hidden" class="form-control select2-remote">
+					</div>
+				</div>
+				<div class="col-md-5">
+					<label for="select2-input-group-append" class="control-label">col-md-5</label>
+					<div class="input-group has-warning select2-bootstrap-prepend">
+						<span class="input-group-btn">
+							<button class="btn btn-default" type="button" data-select2-open="select2-input-group-append">
+								<span class="glyphicon glyphicon-search"></span>
+							</button>
+						</span>
+						<select id="select2-input-group-append" class="form-control select2-multiple" multiple>
+							{% include select2-select.html %}
+						</select>
+					</div>
+				</div>
+			</div>
+
+			<hr>
+
+			<div class="row">
+				<div class="col-md-7">
+					<label for="select2-button-addons-single-input-group-lg" class="control-label">Select2 custom data load</label>
+					<div class="input-group input-group-lg select2-bootstrap-append">
+						<input id="select2-button-addons-single-input-group-lg" type="hidden" class="form-control select2-remote" value="1296269">
+						<span class="input-group-btn">
+							<button class="btn btn-default" type="button" data-select2-open="select2-button-addons-single-input-group-lg">
+								<span class="glyphicon glyphicon-search"></span>
+							</button>
+						</span>
+					</div>
+				</div>
+				<div class="col-md-5">
+					<label for="select2-button-addons-multi-input-group-lg" class="control-label">col-md-5</label>
+					<div class="input-group input-group-lg select2-bootstrap-prepend">
+						<span class="input-group-btn">
+							<button class="btn btn-default" type="button" data-select2-open="select2-button-addons-multi-input-group-lg">
+								<span class="glyphicon glyphicon-search"></span>
+							</button>
+						</span>
+						<select id="select2-button-addons-multi-input-group-lg" class="form-control select2-multiple" multiple>
+							{% include select2-select.html %}
+						</select>
+					</div>
+				</div>
+			</div>
+
+			<div class="page-header">
+				<h3>Disabled inputs <small><a href="http://getbootstrap.com/css/#forms-control-states"><span class="glyphicon glyphicon-link"></span></a></small></h3>
+			</div>
+
+			<div class="row">
+				<div class="col-md-6">
+					<div class="form-group">
+						<label for="select2-disabled-inputs-single" class="control-label">col-md-3</label>
+						<div class="input-group select2-bootstrap-prepend">
+							<span class="input-group-addon">
+								<input type="checkbox">
+							</span>
+							<select id="select2-disabled-inputs-single" class="form-control select2" disabled>
+								<option></option>
+								{% include select2-select.html %}
+							</select>
+						</div>
+					</div>
+				</div>
+				<div class="col-md-6">
+					<div class="form-group">
+						<label for="select2-disabled-inputs-multiple" class="control-label">col-md-3</label>
+						<div class="input-group select2-bootstrap-prepend">
+							<span class="input-group-addon">
+								<input type="checkbox" checked>
+							</span>
+							<select id="select2-disabled-inputs-multiple" class="form-control select2-multiple" multiple>
+								<option></option>
+								{% include select2-select.html %}
+							</select>
+						</div>
+					</div>
+				</div>
+			</div>
+
+		</div>
+
+		{% include footer.html %}
+
+		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+		<script src="//select2.github.io/select2/select2-{{ page.version }}/select2.js"></script>
+		<script src="js/bootstrap.min.js"></script>
+		<script>
+			var placeholder = "Select a State";
+
+			$( ".select2, .select2-multiple" ).select2( { placeholder: placeholder } );
+			$( ".select2-allow-clear" ).select2( { allowClear: true, placeholder: placeholder } );
+
+			// @see https://github.com/ivaynberg/select2/commit/6661e3
+			function repoFormatResult( repo ) {
+				var markup = "<div class='select2-result-repository clearfix'>" +
+					"<div class='select2-result-repository__avatar'><img src='" + repo.owner.avatar_url + "' /></div>" +
+					"<div class='select2-result-repository__meta'>" +
+						"<div class='select2-result-repository__title'>" + repo.full_name + "</div>";
+
+				if ( repo.description ) {
+					markup += "<div class='select2-result-repository__description'>" + repo.description + "</div>";
+				}
+
+				markup += "<div class='select2-result-repository__statistics'>" + 
+							"<div class='select2-result-repository__forks'><span class='glyphicon glyphicon-flash'></span> " + repo.forks_count + " Forks</div>" +
+							"<div class='select2-result-repository__stargazers'><span class='glyphicon glyphicon-star'></span> " + repo.stargazers_count + " Stars</div>" +
+							"<div class='select2-result-repository__watchers'><span class='glyphicon glyphicon-eye-open'></span> " + repo.watchers_count + " Watchers</div>" +
+						"</div>" +
+					"</div></div>";
+
+				return markup;
+			}
+
+			function repoFormatSelection( repo ) {
+				return repo.full_name;
+			}
+
+			$( ".select2-remote" ).select2({
+				placeholder: "Search for a GitHub Repository",
+				minimumInputLength: 1,
+				// instead of writing the function to execute the request we use Select2's convenient helper
+				ajax: {
+					url: "https://api.github.com/search/repositories",
+					dataType: "json",
+					quietMillis: 250,
+					data: function( term, page ) {
+						return {
+							// search term
+							q: term
+						};
+					},
+					results: function( data, page ) {
+							// parse the results into the format expected by Select2.
+							// since we are using custom formatting functions we do not need to alter the remote JSON data
+							return { results: data.items };
+					},
+					cache: true
+				},
+				initSelection: function( element, callback ) {
+					// the input tag has a value attribute preloaded that points to a preselected repository's id
+					// this function resolves that id attribute to an object that select2 can render
+					// using its formatResult renderer - that way the repository name is shown preselected
+					var id = $( element ).val();
+
+					if ( id !== "" ) {
+						$.ajax( "https://api.github.com/repositories/" + id, {
+							dataType: "json"
+						}).done( function( data ) {
+							callback( data );
+						});
+					}
+				},
+				formatResult: repoFormatResult,
+				formatSelection: repoFormatSelection,
+				// apply css that makes the dropdown taller
+				dropdownCssClass: "bigdrop",
+				// we do not want to escape markup since we are displaying html in results
+				escapeMarkup: function( m ) {
+					return m;
+				}
+			});
+
+			$( "button[data-select2-open]" ).click( function() {
+				$( "#" + $( this ).data( "select2-open" ) ).select2( "open" );
+			});
+
+			{% if page.version == "3.3.2" %}
+				var select2OpenEventName = "open";
+
+				$( ":checkbox" ).on( "click", function() {
+					if ( this.checked ) {
+						var toggleState = "enable";
+					} else {
+						var toggleState = "disable";
+					}
+
+					$( this ).parent().nextAll( "select" ).select2( toggleState );
+				});
+			{% else %}
+				var select2OpenEventName = "select2-open";
+
+				$( ":checkbox" ).on( "click", function() {
+					$( this ).parent().nextAll( "select" ).select2( "enable", this.checked );
+				});
+			{% endif %}
+
+			$( ".select2, .select2-multiple, .select2-allow-clear, .select2-remote" ).on( select2OpenEventName, function() {
+				if ( $( this ).parents( "[class*='has-']" ).length ) {
+					var classNames = $( this ).parents( "[class*='has-']" )[ 0 ].className.split( /\s+/ );
+
+					for ( var i = 0; i < classNames.length; ++i ) {
+						if ( classNames[ i ].match( "has-" ) ) {
+							$( "#select2-drop" ).addClass( classNames[ i ] );
+						}
+					}
+				}
+			});
+
+		</script>
+	</body>
+</html>