diff options
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.html | 32 |
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> |