<p>You can easily add dividers to your nav links with an empty list item and a simple class. Just add the appropriate class to <code><li></code> elements between links. Dividers will be horizontal to start, but at resolutions above 768px they become vertical with the navigation.</p>
<p>You can easily add dividers to your nav links with an empty list item and a simple class. Just add the appropriate class to <code><li></code> elements between links. Dividers will be horizontal to start, but at resolutions above 768px they become vertical with the navigation.</p>
<divclass="bs-docs-example">
<divclass="bs-docs-example">
<divclass="navbar">
<divclass="navbar">
<divclass="navbar-inner">
<ulclass="nav">
<ulclass="nav">
<liclass="active"><ahref="#">Home</a></li>
<liclass="active"><ahref="#">Home</a></li>
<liclass="divider"></li>
<liclass="divider"></li>
...
@@ -829,7 +828,6 @@ title: Components
...
@@ -829,7 +828,6 @@ title: Components
<liclass="divider"></li>
<liclass="divider"></li>
</ul>
</ul>
</div>
</div>
</div>
</div><!-- /example -->
</div><!-- /example -->
{% highlight html linenos %}
{% highlight html linenos %}
<ulclass="nav">
<ulclass="nav">
...
@@ -872,7 +870,7 @@ title: Components
...
@@ -872,7 +870,7 @@ title: Components
<h3>Fixed to top</h3>
<h3>Fixed to top</h3>
<p>Add <code>.navbar-fixed-top</code> and remember to account for the hidden area underneath it by adding at least 40px <code>padding</code> to the <code><body></code>. Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.</p>
<p>Add <code>.navbar-fixed-top</code> and remember to account for the hidden area underneath it by adding at least 40px <code>padding</code> to the <code><body></code>. Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.</p>