Available classes

se a single or combination of the available classes for toggling content across viewport breakpoints.

Extra small devices Phones (<768px)

Small devices Tablets (=768px)

Medium devices Desktops (=992px)

Large devices Desktops (=1200px)

.visible-xs-*

Visible

Hidden

Hidden

Hidden

.visible-sm-*

Hidden

Visible

Hidden

Hidden

.visible-md-*

Hidden

Hidden

Visible

Hidden

.visible-lg-*

Hidden

Hidden

Hidden

Visible

.hidden-xs

Hidden

Visible

Visible

Visible

.hidden-sm

Visible

Hidden

Visible

Visible

.hidden-md

Visible

Visible

Hidden

Visible

.hidden-lg

Visible

Visible

Visible

Hidden

Font Icons - Font Awesome

Call

<spanclass="fa fa-phone"></span>

Special Deals

<spanclass="fa fa-tag"></span>

Customer Support

<spanclass="fa fa-life-ring"></span>

Login

<spanclass="fa fa-user"></span>

Search

<spanclass="fa fa-search"></span>

Cart

<spanclass="fa fa-shopping-cart"></span>

Wishlist

<spanclass="fa fa-heart"></span>

Compare

<spanclass="fa fa-exchange"></span>

Address

<spanclass="fa fa-map-marker"></span>

Phone

<spanclass="fa fa-phone"></span>

Fax

<spanclass="fa fa-fax"></span>

Email

<spanclass="fa fa-envelope"></span>

Facebook

<spanclass="fa fa-facebook"></span>

Twitter

<spanclass="fa fa-twitter"></span>

Rss

<spanclass="fa fa-rss"></span>

Pinterest

<spanclass="fa fa-pinterest"></span>

Google Plus

<spanclass="fa fa-google-plus"></span>

Vimeo

<spanclass="fa fa-vimeo-square"></span>

Youtube

<spanclass="fa fa-youtube-play"></span>

Examples use font icons

Facebook

You can place Font Awesome icons just about anywhere using the CSS Prefix fa and the icon's name. Font Awesome is designed to be used with inline elements (we like the tag for brevity, but using a is more semantically correct).

<spanclass="fa fa-facebook-square"></span> fa-facebook-square

If you change the font-size of the icon's container, the icon gets bigger. Same things goes for color, drop shadow, and anything else that gets inherited using CSS.

fa-lg

fa-2x

fa-3x

fa-4x

fa-5x

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.