diff options
| author | Zac Echola <[email protected]> | 2014-07-02 10:15:22 -0500 |
|---|---|---|
| committer | Zac Echola <[email protected]> | 2014-07-02 11:05:28 -0500 |
| commit | afdc9c4b3216b628a9bf4dbaa5b5e070d95cb0f0 (patch) | |
| tree | d47b851ba1c1e4f27a16d99e99809851c5531f5c /docs/_includes/css/forms.html | |
| parent | 4715e05510b111b37e796f1458fc7a39a81d6571 (diff) | |
| download | bootstrap-afdc9c4b3216b628a9bf4dbaa5b5e070d95cb0f0.tar.xz bootstrap-afdc9c4b3216b628a9bf4dbaa5b5e070d95cb0f0.zip | |
Documents radio and checkbox validation states
References #14010
fixing duped IDs
fix ALL the duped IDs.
make example id match actual id
Diffstat (limited to 'docs/_includes/css/forms.html')
| -rw-r--r-- | docs/_includes/css/forms.html | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index 9680c6c91..c5d89c321 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -581,6 +581,58 @@ </div> {% endhighlight %} + <h3>Checkboxes and radio buttons</h3> + <div class=bs-example> + <form role="form"> + <div class="has-error"> + <div class="radio"> + <label class="checkbox"> + <input type="checkbox" id="checkboxError" value="option1"> + Option one is this and that—be sure to include why it's great + </label> + </div> + </div> + <div class="has-success"> + <div class="radio"> + <label> + <input type="radio" name="optionsRadios" id="radiosSuccess1" 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="optionsRadios" id="radiosSuccess2" value="option2"> + Option two can be something else and selecting it will deselect option one + </label> + </div> + </div> + </form> + </div> +{% highlight html %} +<div class="has-error"> + <div class="radio"> + <label class="checkbox"> + <input type="checkbox" id="checkboxError" value="option1"> + Option one is this and that—be sure to include why it's great + </label> + </div> +</div> +<div class="has-success"> + <div class="radio"> + <label> + <input type="radio" name="optionsRadios" id="radiosSuccess1" 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="optionsRadios" id="radiosSuccess2" value="option2"> + Option two can be something else and selecting it will deselect option one + </label> + </div> +</div> +{% endhighlight %} + <h4>Optional icons in horizontal and inline forms</h4> <div class="bs-example"> <form class="form-horizontal" role="form"> |