2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-30 15:24:08 +03:00

Fixes #12486: Restore full width inputs for input groups in inline forms and navbars

This commit is contained in:
Mark Otto
2014-02-07 02:58:10 -08:00
parent cae76171d0
commit 4d7b2ddba9
6 changed files with 23 additions and 7 deletions
+12 -3
View File
@@ -133,9 +133,14 @@ output {
.placeholder();
// Disabled and read-only inputs
// Note: HTML5 says that controls under a fieldset > legend:first-child won't
// be disabled if the fieldset is disabled. Due to implementation difficulty,
// we don't honor that edge case; we style them as disabled anyway.
//
// HTML5 says that controls under a fieldset > legend:first-child won't be
// disabled if the fieldset is disabled. Due to implementation difficulty, we
// don't honor that edge case; we style them as disabled anyway.
//
// Also note that we include `[disabled]` for IE8. All other browsers take the
// `:disabled` selector.
&:disabled,
&[disabled],
&[readonly],
fieldset[disabled] & {
@@ -348,6 +353,10 @@ input[type="checkbox"],
width: auto; // Prevent labels from stacking above inputs in `.form-group`
vertical-align: middle;
}
// Input groups need that 100% width though
.input-group > .form-control {
width: 100%;
}
.control-label {
margin-bottom: 0;