src/_includes/examples/inline-icons.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<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>&lt;i&gt;</code> tag.</p>
    </div>
    <div class="span9">
      <div class="well well-transparent">
        <div style="font-size: 24px; line-height: 1.5em;">
          <i class="fa fa-camera-retro"></i> icon-camera-retro
        </div>
      </div>
{% highlight html %}
<i class="fa fa-camera-retro"></i> icon-camera-retro
{% endhighlight %}
      <div class="alert alert-info"><i class="fa fa-info-sign"></i> Icon classes are echoed via CSS :before.</div>
    </div>
  </div>
</section>