bulleted-lists.html 1.3 KB

12345678910111213141516171819202122232425262728293031
  1. <section id="bulleted-lists">
  2. <h2 class="page-header">Bulleted Lists</h2>
  3. <div class="row">
  4. <div class="span12">
  5. </div>
  6. <div class="span3">
  7. <ul class="icons-ul">
  8. <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
  9. <li><i class="icon-li icon-ok"></i>Buttons</li>
  10. <li><i class="icon-li icon-ok"></i>Button groups</li>
  11. <li><i class="icon-li icon-ok"></i>Navigation</li>
  12. <li><i class="icon-li icon-ok"></i>Prepended form inputs</li>
  13. <li><i class="icon-li icon-ok"></i>&hellip;and many more with custom CSS</li>
  14. </ul>
  15. </div>
  16. <div class="span9">
  17. <p>Easily replace individual bullets.</p>
  18. {% highlight html %}
  19. <ul class="icons-ul">
  20. <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
  21. <li><i class="icon-li icon-ok"></i>Buttons</li>
  22. <li><i class="icon-li icon-ok"></i>Button groups</li>
  23. <li><i class="icon-li icon-ok"></i>Navigation</li>
  24. <li><i class="icon-li icon-ok"></i>Prepended form inputs</li>
  25. <li><i class="icon-li icon-ok"></i>&hellip;and many more with custom CSS</li>
  26. </ul>
  27. {% endhighlight %}
  28. <div class="alert alert-info"><i class="icon-info-sign"></i> Make sure to NOT include any whitespace after the icon declaration.</div>
  29. </div>
  30. </div>
  31. </section>