Bootstrap Grid Question

When should cols use which parameter (xs, sm, md)?

Thank you!!
Bob SchneiderCo-OwnerAsked:
Who is Participating?
 
Marco GasiFreelancerCommented:
Those parameters affect the way your  website will appear in extra small, medium, larger and extra larger displays. I'll try to use an example to be more clear.  
 Suppose you have 3 divs. In a large displays (a notebook or a desktop computer) you might want they are horizontally aligned in one row, so you'll use col-lg-4. But in a smartphone I would be better those divs be aligned vertically and occupy the available width of the display so you'll add the class col-xs-12.
This way the div will look
<div class="col-xs-12 col-md-4"> </div>

Open in new window

In extra small and small displays the divs will extend up to fill the display (or their container div) width; starting from medium up to the largest displays they will be horizontally aligned.
Hope this example be clear enough :)
0
 
Bob SchneiderCo-OwnerAuthor Commented:
Very helpful.  Thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.