fix inline form checkbox/radios

This commit is contained in:
Mark Otto 2012-02-11 00:24:06 -08:00
parent 60ee768537
commit 8f1db4321a
5 changed files with 23 additions and 2 deletions

Binary file not shown.

View File

@ -964,6 +964,13 @@ input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, selec
.form-inline .input-prepend .add-on {
vertical-align: middle;
}
.form-search .radio,
.form-inline .radio,
.form-search .checkbox,
.form-inline .checkbox {
margin-bottom: 0;
vertical-align: middle;
}
.control-group {
margin-bottom: 9px;
}

View File

@ -907,7 +907,10 @@ For example, <code>section</code> should be wrapped as inline.
<form class="well form-inline">
<input type="text" class="input-small" placeholder="Email">
<input type="password" class="input-small" placeholder="Password">
<button type="submit" class="btn">Go</button>
<label class="checkbox">
<input type="checkbox"> Remember?
</label>
<button type="submit" class="btn">Sign in</button>
</form>
<pre class="prettyprint linenums">
&lt;form class="well form-inline"&gt;

View File

@ -831,7 +831,10 @@
<form class="well form-inline">
<input type="text" class="input-small" placeholder="{{_i}}Email{{/i}}">
<input type="password" class="input-small" placeholder="{{_i}}Password{{/i}}">
<button type="submit" class="btn">{{_i}}Go{{/i}}</button>
<label class="checkbox">
<input type="checkbox"> {{_i}}Remember?{{/i}}
</label>
<button type="submit" class="btn">{{_i}}Sign in{{/i}}</button>
</form>
<pre class="prettyprint linenums">
&lt;form class="well form-inline"&gt;

View File

@ -453,6 +453,14 @@ select:focus:required:invalid {
.form-inline .input-prepend .add-on {
vertical-align: middle;
}
// Inline checkbox/radio labels
.form-search .radio,
.form-inline .radio,
.form-search .checkbox,
.form-inline .checkbox {
margin-bottom: 0;
vertical-align: middle;
}
// Margin to space out fieldsets
.control-group {