diff options
| author | Mark Otto <[email protected]> | 2012-12-19 23:37:33 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-12-19 23:37:33 -0800 |
| commit | 14844db862a61c92be982921e14a526484f3b8a9 (patch) | |
| tree | db420eddb261ac1d70d25920904f6861a74b84aa /docs/css.html | |
| parent | 09dde5c84ab890404703c95f704978f5cf88fa2b (diff) | |
| download | bootstrap-14844db862a61c92be982921e14a526484f3b8a9.tar.xz bootstrap-14844db862a61c92be982921e14a526484f3b8a9.zip | |
Holy shit, buttons, button states, and input states updated
Diffstat (limited to 'docs/css.html')
| -rw-r--r-- | docs/css.html | 23 |
1 files changed, 11 insertions, 12 deletions
diff --git a/docs/css.html b/docs/css.html index 3ad55d080..ddf4e08a7 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1650,13 +1650,17 @@ For example, <code><section></code> should be wrapped as inlin </pre> <h3>Disabled fieldsets</h3> - <p>Add the <code>disabled</code> attribute on a <code>fieldset</code> to disable all the controls within the fieldset at once.</p> + <p>Add the <code>disabled</code> attribute to a <code><fieldset></code> to disable all the controls within the <code><fieldset></code> at once. Link buttons (with the <code><a></code> element) will be aesthetically disabled, but you will need custom JavaScript to disable their behavior.</p> <form class="bs-docs-example form-inline"> <fieldset disabled> - <input type="text" class="span4" placeholder="These controls are all disabled just"> - <select class="span4"> - <option>by being under a disabled fieldset</option> - </select> + <div> + <input type="text" class="span4" placeholder="Disabled input"> + </div> + <div> + <select class="span4"> + <option>Disabled select</option> + </select> + </div> <div class="checkbox"> <label> <input type="checkbox"> Can't check this @@ -1668,9 +1672,9 @@ For example, <code><section></code> should be wrapped as inlin <pre class="prettyprint linenums"> <form class="form-inline"> <fieldset disabled> - <input type="text" class="span4" placeholder="These controls are all disabled just"> + <input type="text" class="span4" placeholder="Disabled input"> <select class="span4"> - <option>by being under a disabled fieldset</option> + <option>Disabled select</option> </select> <div class="checkbox"> <label> @@ -1681,11 +1685,6 @@ For example, <code><section></code> should be wrapped as inlin </fieldset> </form> </pre> - <p> - <span class="label label-info">Heads up!</span> - Contrary to the HTML5 spec, form controls within a <code>fieldset</code>'s <code>legend</code> will also be disabled.<br> - Also, <code><a></code> buttons within a <code>fieldset[disabled]</code> will be styled like they each had the <code>.disabled</code> class, but this only affects aesthetics; you must use custom JavaScript to actually make such links non-functional. - </p> <h3>Validation states</h3> <p>Bootstrap includes validation styles for error, warning, info, and success messages. To use, add the appropriate class to the surrounding <code>.control-group</code>.</p> |
