<section id="inline-icons"> <h2 class="page-header">Inline Icons</h2> <div class="row"> <div class="span3"> <p>Place Font Awesome icons just about anywhere with the <code><i></code> tag.</p> </div> <div class="span9"> <div class="well well-transparent"> <div style="font-size: 24px; line-height: 1.5em;"> <i class="icon-camera-retro"></i> icon-camera-retro </div> </div> {% highlight html %} <i class="icon-camera-retro"></i> icon-camera-retro {% endhighlight %} <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div> </div> </div> </section>