<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>
<div class="bs-docs-example">
<div class="navbar">
- <div class="navbar-inner">
- <ul class="nav">
- <li class="active"><a href="#">Home</a></li>
- <li class="divider"></li>
- <li><a href="#">Link</a></li>
- <li class="divider"></li>
- <li><a href="#">Link</a></li>
- <li class="divider"></li>
- </ul>
- </div>
+ <ul class="nav">
+ <li class="active"><a href="#">Home</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Link</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Link</a></li>
+ <li class="divider"></li>
+ </ul>
</div>
</div><!-- /example -->
{% highlight html linenos %}