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: