diff options
Diffstat (limited to 'src/_includes/examples/larger-icons.html')
| -rw-r--r-- | src/_includes/examples/larger-icons.html | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/src/_includes/examples/larger-icons.html b/src/_includes/examples/larger-icons.html index 95f1ee13b..7338bce64 100644 --- a/src/_includes/examples/larger-icons.html +++ b/src/_includes/examples/larger-icons.html @@ -3,31 +3,31 @@ <div class="row"> <div class="span3"> <p> - To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>, - <code>icon-3x</code>, or <code>icon-4x</code>. + To increase the size of icons relative to its container, use <code>fa-lg</code>, <code>fa-2x</code>, + <code>fa-3x</code>, or <code>fa-4x</code>. </p> </div> <div class="span9"> <p> - Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>, - <code>icon-3x</code>, or <code>icon-4x</code> classes. + Increase the icon size by using the <code>fa-lg</code> (33% increase), <code>fa-2x</code>, + <code>fa-3x</code>, or <code>fa-4x</code> classes. </p> <div class="well well-transparent"> <div style="font-size: 24px; line-height: 1.5em;"> - <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> + <p><i class="fa fa-camera-retro fa-lg"></i> fa-camera-retro</p> + <p><i class="fa fa-camera-retro fa-2x"></i> fa-camera-retro</p> + <p><i class="fa fa-camera-retro fa-3x"></i> fa-camera-retro</p> + <p><i class="fa fa-camera-retro fa-4x"></i> fa-camera-retro</p> </div> </div> {% highlight html %} -<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> +<p><i class="fa fa-camera-retro fa-lg"></i> fa-camera-retro</p> +<p><i class="fa fa-camera-retro fa-2x"></i> fa-camera-retro</p> +<p><i class="fa fa-camera-retro fa-3x"></i> fa-camera-retro</p> +<p><i class="fa fa-camera-retro fa-4x"></i> fa-camera-retro</p> {% endhighlight %} <div class="alert alert-info"> - <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have + <i class="fa fa-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height. </div> </div> |