aboutsummaryrefslogtreecommitdiff
path: root/docs/components.html
diff options
context:
space:
mode:
Diffstat (limited to 'docs/components.html')
-rw-r--r--docs/components.html10
1 files changed, 8 insertions, 2 deletions
diff --git a/docs/components.html b/docs/components.html
index 41f5e5819..b7e60df87 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -830,8 +830,14 @@
Project name
</a>
</pre>
- <h3>Search form</h3>
- <p>Search forms receive custom styles in the navbar with the <code>.navbar-search</code> class. Include <code>.pull-left</code> or <code>.pull-right</code> on the <code>form</code> to align it.</p>
+ <h3>Forms in navbar</h3>
+ <p>To properly style and position a form within the navbar, add the appropriate classes as shown below. For a default form, include <code>.navbar-form</code> and either <code>.pull-left</code> or <code>.pull-right</code> to properly align it.</p>
+<pre class="prettyprint linenums">
+&lt;form class="navbar-form pull-left"&gt;
+ &lt;input type="text" class="span2"&gt;
+&lt;/form&gt;
+</pre>
+ <p>For a more customized search form, add the <code>.navbar-search</code> class to receive specialized styles in the navbar.</p>
<pre class="prettyprint linenums">
&lt;form class="navbar-search pull-left"&gt;
&lt;input type="text" class="search-query" placeholder="Search"&gt;