Skip to content

B
bootstrap
Commit 1136f934 authored by Zac Echola's avatar Zac Echola
Browse files
Options

Moves checkbox/radios into "Validation states" example.

parent afdc9c4b
Hide whitespace changes
Inline Side-by-side
Showing with 44 additions and 52 deletions
docs/_includes/css/forms.html
View file @ 1136f934
...@@ -521,6 +521,28 @@ ...@@ -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&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> </form>
</div><!-- /.bs-example --> </div><!-- /.bs-example -->
{% highlight html %} {% highlight html %}
...@@ -536,6 +558,28 @@ ...@@ -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&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 %} {% endhighlight %}
<h3>With optional icons</h3> <h3>With optional icons</h3>
...@@ -579,58 +623,6 @@ ...@@ -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&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 %} {% endhighlight %}
<h4>Optional icons in horizontal and inline forms</h4> <h4>Optional icons in horizontal and inline forms</h4>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment