diff options
| author | Chris Rebert <[email protected]> | 2014-11-14 12:03:54 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-11-14 12:03:54 -0800 |
| commit | 729a115c8816edfacae48c26f0a751937fd387ae (patch) | |
| tree | bb9420c6d8a237637cd862b893e84e5481896a0b /docs/_includes | |
| parent | a577f1922ee7054a97b455ccfaa16857cb2b79fc (diff) | |
| download | bootstrap-729a115c8816edfacae48c26f0a751937fd387ae.tar.xz bootstrap-729a115c8816edfacae48c26f0a751937fd387ae.zip | |
split .form-inline .input-group into separate docs example
Diffstat (limited to 'docs/_includes')
| -rw-r--r-- | docs/_includes/css/forms.html | 40 |
1 files changed, 26 insertions, 14 deletions
diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index 5df36e282..3114cb455 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -72,13 +72,6 @@ <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email"> </div> <div class="form-group"> - <label class="sr-only" for="exampleInputUsername2">Username</label> - <div class="input-group"> - <div class="input-group-addon">@</div> - <input type="text" class="form-control" id="exampleInputUsername2" placeholder="Enter username"> - </div> - </div> - <div class="form-group"> <label class="sr-only" for="exampleInputPassword2">Password</label> <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password"> </div> @@ -97,13 +90,6 @@ <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email"> </div> <div class="form-group"> - <label class="sr-only" for="exampleInputUsername2">Username</label> - <div class="input-group"> - <div class="input-group-addon">@</div> - <input type="text" class="form-control" id="exampleInputUsername2" placeholder="Enter username"> - </div> - </div> - <div class="form-group"> <label class="sr-only" for="exampleInputPassword2">Password</label> <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password"> </div> @@ -116,6 +102,32 @@ </form> {% endhighlight %} + <div class="bs-example"> + <form class="form-inline"> + <div class="form-group"> + <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label> + <div class="input-group"> + <div class="input-group-addon">$</div> + <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount"> + <div class="input-group-addon">.00</div> + </div> + </div> + <button type="submit" class="btn btn-primary">Transfer cash</button> + </form> + </div><!-- /example --> +{% highlight html %} +<form class="form-inline"> + <div class="form-group"> + <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label> + <div class="input-group"> + <div class="input-group-addon">$</div> + <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount"> + <div class="input-group-addon">.00</div> + </div> + </div> + <button type="submit" class="btn btn-primary">Transfer cash</button> +</form> +{% endhighlight %} <h2 id="forms-horizontal">Horizontal form</h2> <p>Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding <code>.form-horizontal</code> to the form. Doing so changes <code>.form-group</code>s to behave as grid rows, so no need for <code>.row</code>.</p> |