Bootstrap CSS Helper Classes

Prem Tiwari - - 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


Prem Tiwari

Prem Tiwari is the founder of FreeWebMentor.com and also a professional developer and a blogger by hobby.

Tags: , , , , , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.