Multiple sized columns in one row

Why to use multiple sized column classes in one div?
Such as
div class = "col-sm-x col-md-y col-xs-z " ??
What is the use of doing this??

Hi, @Waseem162. We use them to specify how a <div> would look like in different screen sizes. For example, "col-xs-6 col-sm-4" would make a <div> take half of the screen’s width when viewed from a phone, but take a third when viewed from a tablet or larger.

Related reading:

Grid System - Bootstrap docs


@kevcomedia Thanks pal !! It was really helpful.