rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-04-09 01:53:53 +02:00
Code Issues Actions 10 Packages Releases Activity

form control state ordering

Browse Source
This commit is contained in:
Mark Otto 2013-08-15 14:35:15 -07:00
parent 5349075f36
commit e3c6a1fc4f
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css.html
View File

@ -1755,6 +1755,10 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<p>Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add <code>.has-warning</code>, <code>.has-error</code>, or <code>.has-success</code> to the parent element. Any <code>.control-label</code>, <code>.form-control</code>, and <code>.help-block</code> within that element will receive the validation styles.</p> <p>Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add <code>.has-warning</code>, <code>.has-error</code>, or <code>.has-success</code> to the parent element. Any <code>.control-label</code>, <code>.form-control</code>, and <code>.help-block</code> within that element will receive the validation styles.</p>
<form class="bs-example"> <form class="bs-example">
<div class="form-group has-success">
<label class="control-label" for="inputSuccess">Input with success</label>
<input type="text" class="form-control" id="inputSuccess">
</div>
<div class="form-group has-warning"> <div class="form-group has-warning">
<label class="control-label" for="inputWarning">Input with warning</label> <label class="control-label" for="inputWarning">Input with warning</label>
<input type="text" class="form-control" id="inputWarning"> <input type="text" class="form-control" id="inputWarning">
@ -1763,12 +1767,12 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<label class="control-label" for="inputError">Input with error</label> <label class="control-label" for="inputError">Input with error</label>
<input type="text" class="form-control" id="inputError"> <input type="text" class="form-control" id="inputError">
</div> </div>
<div class="form-group has-success">
<label class="control-label" for="inputSuccess">Input with success</label>
<input type="text" class="form-control" id="inputSuccess">
</div>
</form> </form>
{% highlight html %} {% highlight html %}
<div class="form-group has-success">
<label class="control-label" for="inputSuccess">Input with success</label>
<input type="text" class="form-control" id="inputSuccess">
</div>
<div class="form-group has-warning"> <div class="form-group has-warning">
<label class="control-label" for="inputWarning">Input with warning</label> <label class="control-label" for="inputWarning">Input with warning</label>
<input type="text" class="form-control" id="inputWarning"> <input type="text" class="form-control" id="inputWarning">
@ -1777,10 +1781,6 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<label class="control-label" for="inputError">Input with error</label> <label class="control-label" for="inputError">Input with error</label>
<input type="text" class="form-control" id="inputError"> <input type="text" class="form-control" id="inputError">
</div> </div>
<div class="form-group has-success">
<label class="control-label" for="inputSuccess">Input with success</label>
<input type="text" class="form-control" id="inputSuccess">
</div>
{% endhighlight %} {% endhighlight %}