Last post Mar 21, 2016 06:18 AM by Fei Han - MSFT
Mar 20, 2016 12:54 PM|Khan_1|LINK
What does it mean?
<div class="col-xs-6 col-md-8 col-lg-10">
Mar 20, 2016 01:17 PM|eThunderstorm|LINK
It is for scaling of the layout of bootstrap grid system for different sized screens on mobile and desktop devices:
For more information see: https://getbootstrap.com/examples/grid/
Mar 20, 2016 01:35 PM|Khan_1|LINK
so if i wrote it on a website, only the col-md-8 will work for desktop pc, the others two are useless for the desktop
Mar 20, 2016 03:12 PM|eThunderstorm|LINK
No, because the classes (xs, sm, md, and lg) can be combined and scale up.
Mar 21, 2016 06:18 AM|Fei Han - MSFT|LINK
eThunderstorm said, Bootstrap grid system has four tiers of classes: xs (phones), sm (tablets), md (desktops), and lg (larger desktops). We could use these classes to create dynamic and flexible layouts. Besides, you could check the tutorials
eThunderstorm provided to learn the basic usage of Bootstrap grid system.