Moves checkbox/radios into "Validation states" example.
This commit is contained in:
parent
afdc9c4b32
commit
1136f9346a
|
@ -521,6 +521,28 @@
|
||||||
<label class="control-label" for="inputError1">Input with error</label>
|
<label class="control-label" for="inputError1">Input with error</label>
|
||||||
<input type="text" class="form-control" id="inputError1">
|
<input type="text" class="form-control" id="inputError1">
|
||||||
</div>
|
</div>
|
||||||
|
<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>
|
</form>
|
||||||
</div><!-- /.bs-example -->
|
</div><!-- /.bs-example -->
|
||||||
{% highlight html %}
|
{% highlight html %}
|
||||||
|
@ -536,6 +558,28 @@
|
||||||
<label class="control-label" for="inputError1">Input with error</label>
|
<label class="control-label" for="inputError1">Input with error</label>
|
||||||
<input type="text" class="form-control" id="inputError1">
|
<input type="text" class="form-control" id="inputError1">
|
||||||
</div>
|
</div>
|
||||||
|
<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 %}
|
{% endhighlight %}
|
||||||
|
|
||||||
<h3>With optional icons</h3>
|
<h3>With optional icons</h3>
|
||||||
|
@ -579,58 +623,6 @@
|
||||||
<input type="text" class="form-control" id="inputError2">
|
<input type="text" class="form-control" id="inputError2">
|
||||||
<span class="glyphicon glyphicon-remove form-control-feedback"></span>
|
<span class="glyphicon glyphicon-remove form-control-feedback"></span>
|
||||||
</div>
|
</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 %}
|
{% endhighlight %}
|
||||||
|
|
||||||
<h4>Optional icons in horizontal and inline forms</h4>
|
<h4>Optional icons in horizontal and inline forms</h4>
|
||||||
|
|
Loading…
Reference in New Issue