diff options
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/forms.md | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/docs/components/forms.md b/docs/components/forms.md index b882e2233..a57641570 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -233,7 +233,7 @@ Use the default option, or add `multiple` to show multiple options at once. ## Static controls -When you need to place plain text next to a form label within a horizontal form, use the `.form-control-static` class on a `<p>`. +When you need to place plain text next to a form label within a form, use the `.form-control-static` class on a `<p>`. {% example html %} <form class="form-horizontal" role="form"> @@ -252,6 +252,20 @@ When you need to place plain text next to a form label within a horizontal form, </form> {% endexample %} +{% example 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> +{% endexample %} + ## Focus state We remove the default `outline` styles on some form controls and apply a `box-shadow` in its place for `:focus`. |