</li>
...
</ul>
-</pre>
-
- <h3>Example with icons</h3>
- <p>Same example, but with <code><i></code> tags for icons.</p>
- <div class="bs-docs-example">
- <div class="well" style="max-width: 340px; padding: 8px 0;">
- <ul class="nav nav-list">
- <li class="nav-header">List header</li>
- <li class="active"><a href="#"><i class="icon-white icon-home"></i> Home</a></li>
- <li><a href="#"><i class="icon-book"></i> Library</a></li>
- <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
- <li class="nav-header">Another list header</li>
- <li><a href="#"><i class="icon-user"></i> Profile</a></li>
- <li><a href="#"><i class="icon-cog"></i> Settings</a></li>
- <li class="divider"></li>
- <li><a href="#"><i class="icon-flag"></i> Help</a></li>
- </ul>
- </div> <!-- /well -->
- </div>
-<pre class="prettyprint linenums">
-<ul class="nav nav-list">
- ...
- <li>
- <a href="#">
- <i class="icon-book"></i>
- Library
- </a>
- </li>
- ...
-</ul>
</pre>
<h3>Horizontal dividers</h3>
</li>
...
</ul>
-</pre>
-
- <h3>{{_i}}Example with icons{{/i}}</h3>
- <p>{{_i}}Same example, but with <code><i></code> tags for icons.{{/i}}</p>
- <div class="bs-docs-example">
- <div class="well" style="max-width: 340px; padding: 8px 0;">
- <ul class="nav nav-list">
- <li class="nav-header">{{_i}}List header{{/i}}</li>
- <li class="active"><a href="#"><i class="icon-white icon-home"></i> {{_i}}Home{{/i}}</a></li>
- <li><a href="#"><i class="icon-book"></i> {{_i}}Library{{/i}}</a></li>
- <li><a href="#"><i class="icon-pencil"></i> {{_i}}Applications{{/i}}</a></li>
- <li class="nav-header">{{_i}}Another list header{{/i}}</li>
- <li><a href="#"><i class="icon-user"></i> {{_i}}Profile{{/i}}</a></li>
- <li><a href="#"><i class="icon-cog"></i> {{_i}}Settings{{/i}}</a></li>
- <li class="divider"></li>
- <li><a href="#"><i class="icon-flag"></i> {{_i}}Help{{/i}}</a></li>
- </ul>
- </div> <!-- /well -->
- </div>{{! /example }}
-<pre class="prettyprint linenums">
-<ul class="nav nav-list">
- ...
- <li>
- <a href="#">
- <i class="icon-book"></i>
- {{_i}}Library{{/i}}
- </a>
- </li>
- ...
-</ul>
</pre>
<h3>{{_i}}Horizontal dividers{{/i}}</h3>