git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/_includes/examples/bordered-pulled.html

   1 <section id="bordered-pulled">
   2   <h2 class="page-header">Bordered & Pulled Icons</h2>
   3   <div class="row">
   4     <div class="span3">
   5       <p>
   6         Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
   7         article graphics.
   8       </p>
   9     </div>
  10     <div class="span9">
  11       <div class="well well-large well-transparent">
  12         <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
  13         Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
  14         Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
  15         of them in any combination to get lots of new possibilities.
  16       </div>
  17 {% highlight html %}
  18 <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
  19 Use a few of the new styles together ... lots of new possibilities.
  20 {% endhighlight %}
  21       <div class="well well-large well-transparent clearfix">
  22         <i class="icon-flag icon-4x pull-left icon-border"></i>
  23         Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
  24         Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
  25         of them in any combination to get lots of new possibilities.
  26       </div>
  27 {% highlight html %}
  28 <i class="icon-flag icon-4x pull-left icon-border"></i>
  29 Use a few of the new styles together ... lots of new possibilities.
  30 {% endhighlight %}
  31     </div>
  32   </div>
  33 </section>