clean up code

examples/index.html

@@ -313,134 +313,75 @@ $('#disable-switch').bootstrapSwitch('setActive', false);  // true || false</pre
     </div>
 </div>
 
-
 <div class="row-fluid">
     <div class="span12">
-        <h3>Radio <small>- radioboxes 1</small></h3>
+        <h3>Radio <small>javascript</small></h3>
 
         <div class="bs-docs-example">
-               <div class="control-group exemple1">
-                  <br /><br />
-                    <div id="radio1" class="controls">
-                        <label class="control-label" for="yes">Yes</label>
-                        <div id="yes" class="switch radio1" data-on-label="Yes" data-off-label="No" data-on="success" data-off="danger">
-                            <input type="radio" name="radio1" class="check demo-1" value="1" checked />
-                        </div>
-                        <label class="control-label" for="no">No</label>
-                        <div id="no" class="switch radio1" data-on-label="Yes" data-off-label="No" data-on="success" data-off="danger">
-                            <input type="radio" name="radio1" class="check demo-1" value="0" />
-                        </div>
-                    </div>
-                </div>
-
-            <div class="clearfix"></div>
-
-        </div>
-        <pre class="prettyprint linenums">
-    &lt;div class="control-group exemple1">
-      &lt;br />&lt;br />
-        &lt;div id="radio1" class="controls">
-            &lt;label class="control-label" for="yes">Yes&lt;/label>
-            &lt;div id="yes" class="switch radio1" data-on-label="Yes" data-off-label="No" data-on="success" data-off="danger">
-                &lt;input type="radio" name="radio1" class="check demo-1" value="1" checked />
-            &lt;/div>
-            &lt;label class="control-label" for="no">No&lt;/label>
-            &lt;div id="no" class="switch radio1" data-on-label="Yes" data-off-label="No" data-on="success" data-off="danger">
-                &lt;input type="radio" name="radio1" class="check demo-1" value="0" />
-            &lt;/div>
-        &lt;/div>
-    &lt;/div>
-&lt;script>
-$(document).ready(function() {
-    $('.radio1').on('switch-change', function () {
-        $('.radio1').bootstrapSwitch('toggleRadioState');
-    });
-});
-&lt;/script></pre>
-    </div>
-</div>
-
-
-<div class="row-fluid">
-    <div class="span12">
-        <h3>Radio <small>- radioboxes 2</small></h3>
-
-        <div class="bs-docs-example">
-            <div id="exemple2" class="control-group exemple2">
-              <br /><br />
-                <div class="control-group" style="margin-bottom: 2%;">
-                    <div style="width: 10%;float: left;">
-                      <label class="control-label" for="option1">Option 1</label>
-                    </div>
+            <div class="control-group">
+                <div class="control-group">
+                    <label class="control-label" for="option1">Option 1</label>
                     <div class="controls">
                         <div id="option1" class="switch radio2">
-                            <input id="radio1" type="radio" name="radio2" value="option1" checked />
+                            <input type="radio" name="radio2" value="option1" checked />
                         </div>
                     </div>
                 </div>
-                <div class="control-group" style="margin-bottom: 2%;">
-                    <div style="width: 10%;float: left;">
-                      <label class="control-label" for="option2">Option 2</label>
+                <div class="control-group">
+                    <div>
+                    <label class="control-label" for="option2">Option 2</label>
                     </div>
                     <div class="controls">
                         <div id="option2" class="switch radio2">
-                            <input id="radio2" type="radio" name="radio2" value="option2" />
+                            <input type="radio" name="radio2" value="option2" />
                         </div>
                     </div>
                 </div>
-                <div class="control-group" style="margin-bottom: 2%;">
-                    <div style="width: 10%;float: left;">
-                      <label class="control-label" for="option3">Option 3</label>
-                    </div>
+                <div class="control-group">
+                    <label class="control-label" for="option3">Option 3</label>
                     <div class="controls">
                         <div id="option3" class="switch radio2">
-                            <input id="radio3" type="radio" name="radio2" value="option3" />
+                            <input type="radio" name="radio2" value="option3" />
                         </div>
                     </div>
                 </div>
-            <div class="clearfix"></div>
-
+            </div>
         </div>
         <pre class="prettyprint linenums">
-    &lt;div id="exemple2" class="control-group exemple2">
-        &lt;br />&lt;br />
-        &lt;div class="control-group" style="margin-bottom: 2%;">
-          &lt;div style="width: 10%;float: left;">
-              &lt;label class="control-label" for="option1">Option 1</label>
-          &lt;/div>
-            &lt;div class="controls radio2">
-              &lt;div id="option1" class="switch option1">
-                &lt;input id="radio1" type="radio" name="radio2" value="option1" checked />
-              &lt;/div>
+&lt;div class="control-group">
+    &lt;div class="control-group">
+        &lt;label class="control-label" for="option1">Option 1&lt;/label>
+        &lt;div class="controls">
+            &lt;div id="option1" class="switch radio2">
+                &lt;input type="radio" name="radio2" value="option1" checked />
             &lt;/div>
         &lt;/div>
-        &lt;div class="control-group" style="margin-bottom: 2%;">
-            &lt;div style="width: 10%;float: left;">
-              &lt;label class="control-label" for="option2">Option 2&lt;/label>
-            &lt;/div>
-            &lt;div class="controls radio2">
-              &lt;div id="option2" class="switch option2">
-                &lt;input id="radio2" type="radio" name="radio2" value="option2" />
-              &lt;/div>
-            &lt;/div>
+    &lt;/div>
+    &lt;div class="control-group">
+        &lt;div>
+        &lt;label class="control-label" for="option2">Option 2&lt;/label>
         &lt;/div>
-        &lt;div class="control-group" style="margin-bottom: 2%;">
-            &lt;div style="width: 10%;float: left;">
-              &lt;label class="control-label" for="option3">Option 3&lt;/label>
+        &lt;div class="controls">
+            &lt;div id="option2" class="switch radio2">
+                &lt;input type="radio" name="radio2" value="option2" />
             &lt;/div>
-            &lt;div class="controls radio2">
-              &lt;div id="option3" class="switch option3">
-                &lt;input id="radio3" type="radio" name="radio2" value="option3" />
-              &lt;/div>
+        &lt;/div>
+    &lt;/div>
+    &lt;div class="control-group">
+        &lt;label class="control-label" for="option3">Option 3&lt;/label>
+        &lt;div class="controls">
+            &lt;div id="option3" class="switch radio2">
+                &lt;input type="radio" name="radio2" value="option3" />
             &lt;/div>
         &lt;/div>
     &lt;/div>
+&lt;/div>            
 &lt;script>
-$(document).ready(function() {
-    $('.radio2').on('switch-change', function () {
-        $('.radio2').bootstrapSwitch('toggleRadioGroupState');
+    $(document).ready(function() {
+        $('.radio2').on('switch-change', function () {
+            $('.radio2').bootstrapSwitch('toggleRadioState');
+        });
     });
-});
 &lt;/script></pre>
     </div>
 </div>