docs/content/components/chosen.md in bootstrap-bookingsync-sass-1.0.0.beta6 vs docs/content/components/chosen.md in bootstrap-bookingsync-sass-1.0.0.beta7

@@ -13,27 +13,61 @@
     <p>Custom styles for select boxes provided by
     <a href="http://harvesthq.github.io/chosen/">Chosen</a>.</p>
   </div>
 
   <div class="bs-example bs-sheet" data-example-id="chosen-select">
+    <div class="select">
+      <div class="form-group">
+        <label for="destination">Destination</label>
+        <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>
+
+    <div class="select">
+      <div class="form-group">
+        <label for="destination">Destination</label>
+        <select class="form-control chosen">
+          <option value="One" selected>One (selected)</option>
+          <option value="Two">Two</option>
+          <option value="Three">Three</option>
+          <option value="Four">Four</option>
+        </select>
+      </div>
+    </div>
+  </div>
+</div>
+~~~ HTML
+<div class="select">
+  <div class="form-group">
+    <label for="destination">Destination</label>
     <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>
-  <option value="Two">Two</option>
-  <option value="Three">Three</option>
-  <option value="Four">Four</option>
-</select>
+
+<div class="select">
+  <div class="form-group">
+    <label for="destination">Destination</label>
+    <select class="form-control chosen">
+      <option value="One" selected>One (selected)</option>
+      <option value="Two">Two</option>
+      <option value="Three">Three</option>
+      <option value="Four">Four</option>
+    </select>
+  </div>
+</div>
 ~~~
 
 <div class="example">
   <div class="sheet-header">
     <h3 id="chosen-multiple-select">Chosen Multiple Select</h3>
@@ -49,23 +83,59 @@
     <p>Custom styles for select boxes provided by
     <a href="http://harvesthq.github.io/chosen/">Chosen</a>.</p>
   </div>
 
   <div class="bs-example bs-sheet" data-example-id="chosen-multiple-select">
-    <select class="form-control chosen" multiple tabindex="3">
+    <div class="select">
+      <div class="form-group">
+        <label for="destination">Destination</label>
+        <select class="form-control chosen" multiple>
+          <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>
+
+    <div class="select">
+      <div class="form-group">
+        <label for="destination">Destination</label>
+        <select class="form-control chosen" multiple>
+          <option value=""></option>
+          <option value="One" selected>One (selected)</option>
+          <option value="Two" selected>Two (selected)</option>
+          <option value="Three">Three</option>
+          <option value="Four">Four</option>
+        </select>
+      </div>
+    </div>
+  </div>
+</div>
+~~~ HTML
+<div class="select">
+  <div class="form-group">
+    <label for="destination">Destination</label>
+    <select class="form-control chosen" multiple>
       <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>
-  <option value="Two">Two</option>
-  <option value="Three">Three</option>
-  <option value="Four">Four</option>
-</select>
+
+<div class="select">
+  <div class="form-group">
+    <label for="destination">Destination</label>
+    <select class="form-control chosen" multiple>
+      <option value=""></option>
+      <option value="One" selected>One (selected)</option>
+      <option value="Two" selected>Two (selected)</option>
+      <option value="Three">Three</option>
+      <option value="Four">Four</option>
+    </select>
+  </div>
+</div>
 ~~~