Fork-Awesome/build/_includes/examples/bordered-pulled.html

34 lines
1.6 KiB
HTML
Raw Normal View History

2013-05-09 09:24:41 +08:00
<section id="bordered-pulled">
<h2 class="page-header">Bordered & Pulled Icons</h2>
<div class="row">
<div class="span3">
<p>
Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
article graphics.
</p>
</div>
<div class="span9">
<div class="well well-large well-transparent">
<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
of them in any combination to get lots of new possibilities.
</div>
2013-05-10 07:25:13 +08:00
{% highlight html linenos %}
2013-05-09 09:24:41 +08:00
<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
Use a few of the new styles together ... lots of new possibilities.
{% endhighlight %}
<div class="well well-large well-transparent">
<i class="icon-flag icon-4x pull-left icon-border"></i>
Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
of them in any combination to get lots of new possibilities.
</div>
2013-05-10 07:25:13 +08:00
{% highlight html linenos %}
2013-05-09 09:24:41 +08:00
<i class="icon-flag icon-4x pull-left icon-border"></i>
Use a few of the new styles together ... lots of new possibilities.
{% endhighlight %}
</div>
</div>
</section>