From a803ab7f58c1db72901721aa4397c2f07a7f53ca Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 8 May 2016 22:53:17 -0700
Subject: [PATCH] fix remaining checkboxes and radios in docs

---
 docs/components/forms.md | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

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>