diff --git a/docs/components/forms.md b/docs/components/forms.md
index 00d26b2662a2a41a279b572e85cbec0cd9494312..20b394a638f3feda4e7e198eaa87e4b67bb97b8d 100644
--- a/docs/components/forms.md
+++ b/docs/components/forms.md
@@ -310,9 +310,9 @@ Because of this, you may need to manually address the width and alignment of ind
     <label class="sr-only" for="exampleInputPassword3">Password</label>
     <input type="password" class="form-control" id="exampleInputPassword3" placeholder="Password">
   </div>
-  <div class="checkbox">
-    <label>
-      <input type="checkbox"> Remember me
+  <div class="form-check">
+    <label class="form-check-label">
+      <input class="form-check-input" type="checkbox"> Remember me
     </label>
   </div>
   <button type="submit" class="btn btn-primary">Sign in</button>