Update index.html

examples/index.html

@@ -292,19 +292,90 @@ $('#label-switch').bootstrapSwitch('setOffLabel', 'O');
         </div>
     </div>
 
+    <!-- HTML TEXT LABEL ICON -->
+    <div class="row-fluid">
+        <div class="span12">
+            <h3>HTML text Label Icon</h3>
+
+            <div class="bs-docs-example">
+            <h3>Standard</h3>
+                <div class="make-switch switch-large" data-label-icon="icon-fullscreen" data-on-label="<i class='icon-ok icon-white'></i>" data-off-label="<i class='icon-remove'></i>">
+                    <input type="checkbox" checked />
+                </div>
+            <!-- HTML TEXT LABEL ICON FONT AWESOME -->
+            <h3>Font Awesome</h3>
+                <div class="make-switch switch-large" data-label-icon="icon-youtube icon-large" data-on-label="<i class='icon-thumbs-up icon-white'></i>" data-off-label="<i class='icon-thumbs-down'></i>">
+                    <input type="checkbox" checked />
+                </div>
+            <!-- HTML TEXT LABEL ICON FLAT UI -->
+            <h3>Flat UI</h3>
+                <div class="make-switch" data-label-icon="fui-video" data-on-label="<i class='fui-check icon-white'></i>" data-off-label="<i class='fui-cross'></i>">
+                    <input type="checkbox" checked />
+                </div>
+            </div>
+            <!-- HTML TEXT LABEL ICON STANDARD -->
+            <h3>Standard</h3>
+            <pre class="prettyprint linenums">
+&lt;div class="make-switch switch-large" data-label-icon="icon-fullscreen" data-on-label="&lt;i class='icon-ok icon-white'>&lt;/i>" data-off-label="&lt;i class='icon-remove'>&lt;/i>">
+    &lt;input type="checkbox" checked />
+&lt;/div>
+            </pre>
+            <!-- HTML TEXT LABEL ICON FONT AWESOME -->
+            <h3>Font Awesome</h3>
+            <pre class="prettyprint linenums">
+&lt;div class="make-switch switch-large" data-label-icon="icon-youtube icon-large" data-on-label="&lt;i class='icon-thumbs-up icon-white'>&lt;/i>" data-off-label="&lt;i class='icon-thumbs-down'>&lt;/i>">
+    &lt;input type="checkbox" checked />
+&lt;/div>
+            </pre>
+            <!-- HTML TEXT LABEL ICON FLAT UI -->
+            <h3>Flat UI</h3>
+            <pre class="prettyprint linenums">
+&lt;div class="make-switch" data-label-icon="fui-video" data-on-label="&lt;i class='fui-check icon-white'>&lt;/i>" data-off-label="&lt;i class='fui-cross'>&lt;/i>">
+    &lt;input type="checkbox" checked />
+&lt;/div>
+            </pre>
+        </div>
+    </div>
+
     <!-- HTML TEXT MINI SWITCH -->
     <div class="row-fluid">
         <div class="span12">
             <h3>HTML text (mini-switch)</h3>
 
             <div class="bs-docs-example">
+            <h3>Standard</h3>
                 <div class="make-switch switch-mini" data-on-label="<i class='switch-mini-icons icon-ok icon-white'></i>" data-off-label="<i class='switch-mini-icons icon-remove'></i>">
                     <input type="checkbox" checked />
                 </div>
+            <!-- HTML TEXT MINI SWITCH FONT AWESOME -->
+            <h3>Font Awesome</h3>
+                <div class="make-switch switch-mini" data-on-label="<i class='switch-mini-font-icons icon-thumbs-up icon-white'></i>" data-off-label="<i class='switch-mini-font-icons icon-thumbs-down'></i>">
+                    <input type="checkbox" checked />
+                </div>
+            <!-- HTML TEXT MINI SWITCH FLAT UI -->
+            <h3>Flat UI</h3>
+                <div class="make-switch switch-mini" data-on-label="<i class='switch-mini-font-icons fui-check icon-white'></i>" data-off-label="<i class='switch-mini-font-icons fui-cross'></i>">
+                    <input type="checkbox" checked />
+                </div>
             </div>
+            <h3>Standard</h3>
             <pre class="prettyprint linenums">
 &lt;div class="make-switch switch-mini" data-on-label="&lt;i class='switch-mini-icons icon-ok icon-white'>&lt;/i>" data-off-label="&lt;i class='switch-mini-icons icon-remove'>&lt;/i>">
     &lt;input type="checkbox" checked />
+&lt;/div>
+            </pre>
+            <!-- HTML TEXT MINI SWITCH FONT AWESOME -->
+            <h3>Font Awesome</h3>
+            <pre class="prettyprint linenums">
+&lt;div class="make-switch switch-mini" data-on-label="&lt;i class='switch-mini-font-icons icon-thumbs-up icon-white'>&lt;/i>" data-off-label="&lt;i class='switch-mini-font-icons icon-thumbs-down'>&lt;/i>">
+    &lt;input type="checkbox" checked />
+&lt;/div>
+            </pre>
+            <!-- HTML TEXT MINI SWITCH FLAT UI -->
+            <h3>Flat UI</h3>
+            <pre class="prettyprint linenums">
+&lt;div class="make-switch switch-mini" data-on-label="&lt;i class='switch-mini-font-icons fui-check icon-white'>&lt;/i>" data-off-label="&lt;i class='switch-mini-font-icons fui-cross'>&lt;/i>">
+    &lt;input type="checkbox" checked />
 &lt;/div>
             </pre>
         </div>
@@ -750,4 +821,3 @@ $(document).ready(function() {
 
 </body>
 </html>
-).on(