Multiple sized columns in one row

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

2 Likes