diff options
| author | Mark Otto <[email protected]> | 2013-08-05 14:45:00 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-05 14:45:00 -0700 |
| commit | 844df9e0011c0dff5900bcbed3f1146564c0103c (patch) | |
| tree | 287b3b03a8e5248aaa57425ac1ea4a6746a2def5 /css.html | |
| parent | bfe76273a0402f65687bdd56d6df9906edd248bd (diff) | |
| download | bootstrap-844df9e0011c0dff5900bcbed3f1146564c0103c.tar.xz bootstrap-844df9e0011c0dff5900bcbed3f1146564c0103c.zip | |
Fixes #8732: unfucks disabled fieldset form example with form groups
Diffstat (limited to 'css.html')
| -rw-r--r-- | css.html | 30 |
1 files changed, 21 insertions, 9 deletions
@@ -1550,12 +1550,18 @@ For example, <code><section></code> should be wrapped as inline. <p>While Bootstrap will apply these styles in all browsers, Internet Explorer 9 and below don't actually support the <code>disabled</code> attribute on a <code><fieldset></code>. Use custom JavaScript to disable the fieldset in these browsers.</p> </div> - <form class="bs-example form-inline"> + <form class="bs-example"> <fieldset disabled> - <input type="text" class="form-control" placeholder="Disabled input"> - <select class="form-control"> - <option>Disabled select</option> - </select> + <div class="form-group"> + <label for="disabledInput">Disabled input</label> + <input type="text" id="disabledInput" class="form-control" placeholder="Disabled input"> + </div> + <div class="form-group"> + <label for="disabledInput">Disabled select menu</label> + <select id="disabledSelect" class="form-control"> + <option>Disabled select</option> + </select> + </div> <div class="checkbox"> <label> <input type="checkbox"> Can't check this @@ -1567,10 +1573,16 @@ For example, <code><section></code> should be wrapped as inline. {% highlight html %} <form class="form-inline"> <fieldset disabled> - <input type="text" class="form-control" placeholder="Disabled input"> - <select class="form-control"> - <option>Disabled select</option> - </select> + <div class="form-group"> + <label for="disabledInput">Disabled input</label> + <input type="text" id="disabledInput" class="form-control" placeholder="Disabled input"> + </div> + <div class="form-group"> + <label for="disabledInput">Disabled select menu</label> + <select id="disabledSelect" class="form-control"> + <option>Disabled select</option> + </select> + </div> <div class="checkbox"> <label> <input type="checkbox"> Can't check this |