summaryrefslogtreecommitdiff
path: root/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html
diff options
context:
space:
mode:
Diffstat (limited to 'bower_components/font-awesome/src/_includes/examples/bordered-pulled.html')
-rw-r--r--bower_components/font-awesome/src/_includes/examples/bordered-pulled.html32
1 files changed, 10 insertions, 22 deletions
diff --git a/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html b/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html
index b5aa2bf1..f22ee8e3 100644
--- a/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html
+++ b/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html
@@ -1,32 +1,20 @@
<section id="bordered-pulled">
<h2 class="page-header">Bordered & Pulled Icons</h2>
<div class="row">
- <div class="span3">
+ <div class="col-md-3 col-sm-4">
<p>
- Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
- article graphics.
+ <i class="fa fa-quote-left fa-2x pull-left fa-border"></i>
+ Use a few styles together and you'll have easy pull quotes or a great introductory article icon.
</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>
-{% highlight html %}
-<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 clearfix">
- <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>
+ <div class="col-md-9 col-sm-8">
+ <p>
+ Use <code>fa-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
+ article graphics.
+ </p>
{% highlight html %}
-<i class="icon-flag icon-4x pull-left icon-border"></i>
-Use a few of the new styles together ... lots of new possibilities.
+<i class="fa fa-quote-left fa-2x pull-left fa-border"></i>
+Use a few styles together and you'll have easy pull quotes or a great introductory article icon.
{% endhighlight %}
</div>
</div>