diff options
| author | Mark Otto <[email protected]> | 2016-05-08 22:53:17 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-05-08 22:53:17 -0700 |
| commit | a803ab7f58c1db72901721aa4397c2f07a7f53ca (patch) | |
| tree | e02b598f14e1a3c519310dc0184ac1dc7cbb6324 /docs/components/forms.md | |
| parent | d95aad695c41d12b20a6be61e48dcbeb75fd40cb (diff) | |
| download | bootstrap-a803ab7f58c1db72901721aa4397c2f07a7f53ca.tar.xz bootstrap-a803ab7f58c1db72901721aa4397c2f07a7f53ca.zip | |
fix remaining checkboxes and radios in docs
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> |