diff options
| author | Mark Otto <[email protected]> | 2014-03-04 15:16:38 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-03-04 15:16:38 -0800 |
| commit | e418377b119cbe8604370adcc17ab3de76b2a415 (patch) | |
| tree | 942fd20f3085f0891dbe8b27bf3b923c7806ee26 /docs | |
| parent | a0ac99efbf201f03106f392bce7045d8563064d9 (diff) | |
| download | bootstrap-e418377b119cbe8604370adcc17ab3de76b2a415.tar.xz bootstrap-e418377b119cbe8604370adcc17ab3de76b2a415.zip | |
Fixes #12697: Document readonly inputs
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/_includes/nav-css.html | 1 | ||||
| -rw-r--r-- | docs/css.html | 14 |
2 files changed, 14 insertions, 1 deletions
diff --git a/docs/_includes/nav-css.html b/docs/_includes/nav-css.html index bd2112b30..1ff3fe804 100644 --- a/docs/_includes/nav-css.html +++ b/docs/_includes/nav-css.html @@ -67,6 +67,7 @@ <li><a href="#forms-controls-static">Static control</a></li> <li><a href="#forms-control-focus">Focus state</a></li> <li><a href="#forms-control-disabled">Disabled state</a></li> + <li><a href="#forms-control-readonly">Readonly state</a></li> <li><a href="#forms-control-validation">Validation states</a></li> <li><a href="#forms-control-sizes">Control sizing</a></li> <li><a href="#forms-help-text">Help text</a></li> diff --git a/docs/css.html b/docs/css.html index 614b74050..9af1eeffc 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1878,7 +1878,7 @@ For example, <code><section></code> should be wrapped as inline. <h2 id="forms-control-disabled">Disabled inputs</h2> - <p>Add the <code>disabled</code> attribute on an input to prevent user input and trigger a slightly different look.</p> + <p>Add the <code>disabled</code> boolean attribute on an input to prevent user input and trigger a slightly different look.</p> <div class="bs-example"> <form role="form"> <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here…" disabled> @@ -1947,6 +1947,18 @@ For example, <code><section></code> should be wrapped as inline. {% endhighlight %} + <h2 id="forms-control-readonly">Readonly inputs</h2> + <p>Add the <code>readonly</code> boolean attribute on an input to prevent user input and style the input as disabled.</p> + <div class="bs-example"> + <form role="form"> + <input class="form-control" type="text" placeholder="Readonly input here…" readonly> + </form> + </div><!-- /.bs-example --> +{% highlight html %} +<input class="form-control" type="text" placeholder="Readonly input here…" readonly> +{% endhighlight %} + + <h2 id="forms-control-validation">Validation states</h2> <p>Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add <code>.has-warning</code>, <code>.has-error</code>, or <code>.has-success</code> to the parent element. Any <code>.control-label</code>, <code>.form-control</code>, and <code>.help-block</code> within that element will receive the validation styles.</p> |