mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-16 18:44:01 +02:00
Code Issues Releases Wiki Activity

Form validation and horizontal row update

Browse Source 
* changed .row-label to .control-label as used elsewhere already
* changed .formFieldState mixin to .form-field-validation
This commit is contained in:
Mark Otto
2013-05-16 20:17:42 -07:00
parent 55a1416789
commit 1983ca03ec
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/assets/css/bootstrap.css vendored
View File

@@ -1666,12 +1666,12 @@ select:focus:invalid:focus {
margin-top: 15px;
}
.form-horizontal .row-label {
.form-horizontal .control-label {
padding-top: 6px;
}
@media (min-width: 768px) {
.form-horizontal .row-label {
.form-horizontal .control-label {
text-align: right;
}
}

8
docs/css.html
View File

@@ -1077,13 +1077,13 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<p>Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout.</p>
<form class="bs-example form-horizontal">
<div class="row">
<label for="inputEmail" class="col col-lg-2 row-label">Email</label>
<label for="inputEmail" class="col col-lg-2 control-label">Email</label>
<div class="col col-lg-10">
<input type="text" id="inputEmail" placeholder="Email">
</div>
</div>
<div class="row">
<label for="" class="col col-lg-2 row-label">Password</label>
<label for="" class="col col-lg-2 control-label">Password</label>
<div class="col col-lg-10">
<input type="password" id="inputPassword" placeholder="Password">
<div class="checkbox">
@@ -1100,13 +1100,13 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
{% highlight html %}
<form class="form-horizontal">
<div class="row">
<label for="inputEmail" class="col col-lg-2 row-label">Email</label>
<label for="inputEmail" class="col col-lg-2 control-label">Email</label>
<div class="col col-lg-10">
<input type="text" id="inputEmail" placeholder="Email">
</div>
</div>
<div class="row">
<label for="" class="col col-lg-2 row-label">Password</label>
<label for="" class="col col-lg-2 control-label">Password</label>
<div class="col col-lg-10">
<input type="password" id="inputPassword" placeholder="Password">
<div class="checkbox">