diff options
Diffstat (limited to 'docs/components/forms.md')
| -rw-r--r-- | docs/components/forms.md | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/docs/components/forms.md b/docs/components/forms.md index e613071a7..f78bc40fe 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—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> |