fix remaining checkboxes and radios in docs

diff --git a/docs/components/forms.md b/docs/components/forms.md
index e613071a733e722d845a2830bd4b723d1559f762..f78bc40fe7ca12b027b3e3114433f324cee76f1c 100644 (file)
--- 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>