docs/content/components/chosen.md in bootstrap-bookingsync-sass-0.0.17 vs docs/content/components/chosen.md in bootstrap-bookingsync-sass-0.0.18
- old
+ new
@@ -1,28 +1,31 @@
-## Chosen
+# Chosen
<div class="bs-callout bs-callout-danger">
<h4>External dependency</h4>
<p>
This component requires the
<a href="http://harvesthq.github.io/chosen/">Chosen</a> library.
</p>
+
+ <p>Custom styles for select boxes provided by
+ <a href="http://harvesthq.github.io/chosen/">Chosen</a>.</p>
</div>
-Custom styles for select boxes provided by
-[Chosen](http://harvesthq.github.io/chosen/).
-
-### Standard Select
-
<div class="example">
- <select class="form-control chosen">
- <option value=""></option>
- <option value="One">One</option>
- <option value="Two">Two</option>
- <option value="Three">Three</option>
- <option value="Four">Four</option>
- </select>
+ <div class="sheet-header">
+ <h3 id="chosen-example">Standard Select</h3>
+ </div>
+ <div class="bs-example bs-sheet" data-example-id="chosen-example">
+ <select class="form-control chosen">
+ <option value=""></option>
+ <option value="One">One</option>
+ <option value="Two">Two</option>
+ <option value="Three">Three</option>
+ <option value="Four">Four</option>
+ </select>
+ </div>
</div>
~~~ HTML
<select class="form-control chosen">
<option value=""></option>
<option value="One">One</option>
@@ -30,19 +33,22 @@
<option value="Three">Three</option>
<option value="Four">Four</option>
</select>
~~~
-### Multiple Select
-
<div class="example">
- <select class="form-control chosen" multiple tabindex="3">
- <option value=""></option>
- <option value="One">One</option>
- <option value="Two">Two</option>
- <option value="Three">Three</option>
- <option value="Four">Four</option>
- </select>
+ <div class="sheet-header">
+ <h3 id="chosen-example-multiselect">Multiple Select</h3>
+ </div>
+ <div class="bs-example bs-sheet" data-example-id="chosen-example-multiselect">
+ <select class="form-control chosen" multiple tabindex="3">
+ <option value=""></option>
+ <option value="One">One</option>
+ <option value="Two">Two</option>
+ <option value="Three">Three</option>
+ <option value="Four">Four</option>
+ </select>
+ </div>
</div>
~~~ HTML
<select class="form-control chosen" multiple tabindex="3">
<option value=""></option>
<option value="One">One</option>