<h2 id="forms-layouts">Optional layouts</h2>
- <p>Included with Bootstrap are three optional form layouts for common use cases.</p>
-
- <h3>Search form</h3>
- <p>Add <code>.form-search</code> to the form and <code>.search-query</code> to the <code><input></code> for an extra-rounded text input.</p>
- <form class="bs-docs-example form-search">
- <input type="text" class="span3 search-query">
- <button type="submit" class="btn">Search</button>
- </form>
-<pre class="prettyprint linenums">
-<form class="form-search">
- <input type="text" class="span3 search-query">
- <button type="submit" class="btn">Search</button>
-</form>
-</pre>
+ <p>Included with Bootstrap are optional form layouts for common use cases.</p>
<h3>Inline form</h3>
<p>Add <code>.form-inline</code> for left-aligned labels and inline-block controls for a compact layout.</p>
<input type="text" class="span3">
<div class="btn-group">...</div>
</div>
-</pre>
-
- <h4>Search form</h4>
- <form class="bs-docs-example form-search">
- <div class="input-append">
- <input type="text" class="search-query span3">
- <button type="submit" class="btn">Search</button>
- </div>
- <div class="input-prepend">
- <button type="submit" class="btn">Search</button>
- <input type="text" class="search-query span3">
- </div>
- </form>
-<pre class="prettyprint linenums">
-<form class="form-search">
- <div class="input-append">
- <input type="text" class="search-query span3">
- <button type="submit" class="btn">Search</button>
- </div>
- <div class="input-prepend">
- <button type="submit" class="btn">Search</button>
- <input type="text" class="search-query span3">
- </div>
-</form>
</pre>
<h3 id="forms-extending-sizes">Control sizing</h3>
<h2 id="forms-layouts">Optional layouts</h2>
- <p>Included with Bootstrap are three optional form layouts for common use cases.</p>
-
- <h3>Search form</h3>
- <p>Add <code>.form-search</code> to the form and <code>.search-query</code> to the <code><input></code> for an extra-rounded text input.</p>
- <form class="bs-docs-example form-search">
- <input type="text" class="span3 search-query">
- <button type="submit" class="btn">Search</button>
- </form>{{! /example }}
-<pre class="prettyprint linenums">
-<form class="form-search">
- <input type="text" class="span3 search-query">
- <button type="submit" class="btn">Search</button>
-</form>
-</pre>
+ <p>Included with Bootstrap are optional form layouts for common use cases.</p>
<h3>Inline form</h3>
<p>Add <code>.form-inline</code> for left-aligned labels and inline-block controls for a compact layout.</p>
<input type="text" class="span3">
<div class="btn-group">...</div>
</div>
-</pre>
-
- <h4>Search form</h4>
- <form class="bs-docs-example form-search">
- <div class="input-append">
- <input type="text" class="search-query span3">
- <button type="submit" class="btn">Search</button>
- </div>
- <div class="input-prepend">
- <button type="submit" class="btn">Search</button>
- <input type="text" class="search-query span3">
- </div>
- </form>{{! /example }}
-<pre class="prettyprint linenums">
-<form class="form-search">
- <div class="input-append">
- <input type="text" class="search-query span3">
- <button type="submit" class="btn">Search</button>
- </div>
- <div class="input-prepend">
- <button type="submit" class="btn">Search</button>
- <input type="text" class="search-query span3">
- </div>
-</form>
</pre>
<h3 id="forms-extending-sizes">Control sizing</h3>