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: