Bootstrap CSS Helper Classes

By: Prem Tiwari | Last Updated: | In: Bootstrap


In this tutorial, I will share some bootstrap CSS helper classes which help you during the development time of any bootstrap based web application.

Below is the common bootstrap CSS classes to improve your web page styles.

Background CSS Classes

Below is background CSS classes:

bootstrap background css classes

Text Color CSS Classes

bootstrap text color css classes

Responsive Utilities Classes

Classes Extra small devices
Phones (<768px)
Small devices
Tablets (≥768px)
Medium devices
Desktops (≥992px)
Large devices
Desktops (≥1200px)
.visible-xs-*VisibleHiddenHiddenHidden
.visible-sm-*HiddenVisibleHiddenHidden
.visible-md-*HiddenHiddenVisibleHidden
.visible-lg-*HiddenHiddenHiddenVisible
.hidden-xsHiddenVisibleVisibleVisible
.hidden-smVisibleHiddenVisibleVisible
.hidden-mdVisibleVisibleHiddenVisible
.hidden-lgVisibleVisibleVisibleHidden

Other CSS Classes

bootstrap other css classes

Share this post!


About: Prem Tiwari

Prem Tiwari is the founder of FreeWebMentor.com and also a professional developer who has vast experience in PHP and open source technologies. Apart from this, he is a blogger by hobby and also he has been a regular speaker of WordPress sessions in various IT Companies.


, , , , , , ,