Merge pull request #18250 from twbs/v4-checkbox-markup

Checkbox validation markup (Take 2)

Merge pull request #18250 from twbs/v4-checkbox-markup
Checkbox validation markup (Take 2)
11dff583 · Mark Otto · 54a964ae · 0462cd3d · 11dff583
Commit 11dff583 authored 9 years ago by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing

with 15 additions and 14 deletions
+15 -14
--- a/docs/components/forms.md
+++ b/docs/components/forms.md
@@ -561,21 +561,17 @@ Ensure that an alternative indication of state is also provided. For instance, y
  <input type="text" class="form-control form-control-error" id="inputError1">
 </div>

-<div class="has-success">
-  <div class="checkbox">
-    <label>
-      <input type="checkbox" id="checkboxSuccess" value="option1">
-      Checkbox with success
-    </label>
-  </div>
+<div class="checkbox has-success">
+  <label>
+    <input type="checkbox" id="checkboxSuccess" value="option1">
+    Checkbox with success
+  </label>
 </div>
-<div class="has-warning">
-  <div class="checkbox">
-    <label>
-      <input type="checkbox" id="checkboxWarning" value="option1">
-      Checkbox with warning
-    </label>
-  </div>
+<div class="checkbox has-warning">
+  <label>
+    <input type="checkbox" id="checkboxWarning" value="option1">
+    Checkbox with warning
+  </label>
 </div>
 <div class="has-danger">
  <div class="checkbox">
@@ -584,6 +580,11 @@ Ensure that an alternative indication of state is also provided. For instance, y
      Checkbox with error
    </label>
  </div>
+<div class="checkbox has-danger">
+  <label>
+    <input type="checkbox" id="checkboxError" value="option1">
+    Checkbox with error
+  </label>
 </div>
 {% endexample %}