#1702: add callout to navbar for component alignment

docs/components.html

@@ -864,6 +864,8 @@
   <li><a href="#">Link</a></li>
 </ul>
 </pre>
+      <h3>Component alignment</h3>
+      <p>To align a nav, search form, or text, use the <code>.pull-left</code> or <code>.pull-right</code> utility classes. Both classes will add a CSS float in the specified direction.</p>
       <h3>Adding dropdowns</h3>
       <p>Adding dropdowns to the nav is super simple, but does require the use of <a href="./javascript.html#dropdown">our javascript plugin</a>.</p>
 <pre class="prettyprint linenums">

docs/templates/pages/components.mustache

@@ -788,6 +788,8 @@
   <li><a href="#">{{_i}}Link{{/i}}</a></li>
 </ul>
 </pre>
+      <h3>{{_i}}Component alignment{{/i}}</h3>
+      <p>{{_i}}To align a nav, search form, or text, use the <code>.pull-left</code> or <code>.pull-right</code> utility classes. Both classes will add a CSS float in the specified direction.{{/i}}</p>
       <h3>{{_i}}Adding dropdowns{{/i}}</h3>
       <p>{{_i}}Adding dropdowns to the nav is super simple, but does require the use of <a href="./javascript.html#dropdown">our javascript plugin</a>.{{/i}}</p>
 <pre class="prettyprint linenums">