aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
Diffstat (limited to 'docs')
-rw-r--r--docs/_includes/css/forms.html28
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>&lt;p&gt;</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>&lt;p&gt;</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>