From: Mark Otto <markdotto@gmail.com>
Date: Mon, 9 May 2016 05:53:17 +0000 (-0700)
Subject: fix remaining checkboxes and radios in docs
X-Git-Tag: v4.0.0-alpha.3~85^2~5
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a803ab7f58c1db72901721aa4397c2f07a7f53ca;p=thirdparty%2Fbootstrap.git

fix remaining checkboxes and radios in docs
---

diff --git a/docs/components/forms.md b/docs/components/forms.md
index e613071a73..f78bc40fe7 100644
--- a/docs/components/forms.md
+++ b/docs/components/forms.md
@@ -362,21 +362,21 @@ Be sure to add `.col-form-label` to your `<label>`s as well so they're verticall
     <fieldset class="form-group row">
       <legend class="col-form-legend col-sm-2">Radios</legend>
       <div class="col-sm-10">
-        <div class="radio">
-          <label>
-            <input type="radio" name="gridRadios" id="gridRadios1" value="option1" checked>
+        <div class="form-check">
+          <label class="form-check-label">
+            <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1" value="option1" checked>
             Option one is this and that&mdash;be sure to include why it's great
           </label>
         </div>
-        <div class="radio">
-          <label>
-            <input type="radio" name="gridRadios" id="gridRadios2" value="option2">
+        <div class="form-check">
+          <label class="form-check-label">
+            <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2" value="option2">
             Option two can be something else and selecting it will deselect option one
           </label>
         </div>
-        <div class="radio disabled">
-          <label>
-            <input type="radio" name="gridRadios" id="gridRadios3" value="option3" disabled>
+        <div class="form-check disabled">
+          <label class="form-check-label">
+            <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios3" value="option3" disabled>
             Option three is disabled
           </label>
         </div>
@@ -385,9 +385,9 @@ Be sure to add `.col-form-label` to your `<label>`s as well so they're verticall
     <div class="form-group row">
       <label class="col-sm-2">Checkbox</label>
       <div class="col-sm-10">
-        <div class="checkbox">
-          <label>
-            <input type="checkbox"> Check me out
+        <div class="form-check">
+          <label class="form-check-label">
+            <input class="form-check-input" type="checkbox"> Check me out
           </label>
         </div>
       </div>