kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

Documents radio and checkbox validation states 

References #14010

fixing duped IDs

fix ALL the duped IDs.

make example id match actual id
This commit is contained in:
Zac Echola 2014-07-02 10:15:22 -05:00
parent 4715e05510
commit afdc9c4b32
1 changed files with 52 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
docs/_includes/css/forms.html
View File

@ -579,6 +579,58 @@
<input type="text" class="form-control" id="inputError2">
<span class="glyphicon glyphicon-remove form-control-feedback"></span>
</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&mdash;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&mdash;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&mdash;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&mdash;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>