1234567891011121314151617181920212223242526272829 |
- <section id="bulleted-lists">
- <h2 class="page-header">Bulleted Lists</h2>
- <div class="row">
- <div class="col-md-3">
- <ul class="fa-ul">
- <li><i class="fa-li fa fa-ok"></i>Bulleted lists (like this one)</li>
- <li><i class="fa-li fa fa-ok"></i>Buttons</li>
- <li><i class="fa-li fa fa-ok"></i>Button groups</li>
- <li><i class="fa-li fa fa-ok"></i>Navigation</li>
- <li><i class="fa-li fa fa-ok"></i>Prepended form inputs</li>
- <li><i class="fa-li fa fa-ok"></i>…and many more with custom CSS</li>
- </ul>
- </div>
- <div class="col-md-9">
- <p>Easily replace individual bullets.</p>
- {% highlight html %}
- <ul class="fa-ul">
- <li><i class="fa-li fa fa-ok"></i>Bulleted lists (like this one)</li>
- <li><i class="fa-li fa fa-ok"></i>Buttons</li>
- <li><i class="fa-li fa fa-ok"></i>Button groups</li>
- <li><i class="fa-li fa fa-ok"></i>Navigation</li>
- <li><i class="fa-li fa fa-ok"></i>Prepended form inputs</li>
- <li><i class="fa-li fa fa-ok"></i>…and many more with custom CSS</li>
- </ul>
- {% endhighlight %}
- <div class="alert alert-info"><i class="fa fa-info-sign"></i> Make sure to NOT include any whitespace after the icon declaration.</div>
- </div>
- </div>
- </section>
|