diff options
| author | Chris Rebert <[email protected]> | 2014-07-24 13:57:39 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-07-24 13:58:13 -0700 |
| commit | 43fe197da7556b77c421699aca61eddf93a59d7c (patch) | |
| tree | e7d25da9fdb57efac26bf7a7adc6af354458b64b | |
| parent | 5ea6b576161d1f931e3995548fe8e3f2153070ee (diff) | |
| download | bootstrap-43fe197da7556b77c421699aca61eddf93a59d7c.tar.xz bootstrap-43fe197da7556b77c421699aca61eddf93a59d7c.zip | |
Update docs & add example for #14221
[skip sauce]
| -rw-r--r-- | docs/_includes/css/forms.html | 28 |
1 files changed, 27 insertions, 1 deletions
diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index 483c0e588..5bb99f00c 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -375,7 +375,7 @@ <h2 id="forms-controls-static">Static control</h2> - <p>When you need to place plain text next to a form label within a horizontal form, use the <code>.form-control-static</code> class on a <code><p></code>.</p> + <p>When you need to place plain text next to a form label within a form, use the <code>.form-control-static</code> class on a <code><p></code>.</p> <div class="bs-example"> <form class="form-horizontal" role="form"> <div class="form-group"> @@ -408,6 +408,32 @@ </div> </form> {% endhighlight %} + <div class="bs-example"> + <form class="form-inline" role="form"> + <div class="form-group"> + <label class="sr-only">Email</label> + <p class="form-control-static">[email protected]</p> + </div> + <div class="form-group"> + <label for="inputPassword2" class="sr-only">Password</label> + <input type="password" class="form-control" id="inputPassword2" placeholder="Password"> + </div> + <button type="submit" class="btn btn-default">Confirm identity</button> + </form> + </div> +{% highlight html %} +<form class="form-inline" role="form"> + <div class="form-group"> + <label class="sr-only">Email</label> + <p class="form-control-static">[email protected]</p> + </div> + <div class="form-group"> + <label for="inputPassword2" class="sr-only">Password</label> + <input type="password" class="form-control" id="inputPassword2" placeholder="Password"> + </div> + <button type="submit" class="btn btn-default">Confirm identity</button> +</form> +{% endhighlight %} <h2 id="forms-control-focus">Input focus</h2> <p>We remove the default <code>outline</code> styles on some form controls and apply a <code>box-shadow</code> in its place for <code>:focus</code>.</p> |