Twitter bootstrap 为什么在引导中使用多列[lg | md | sm | xs]?

Twitter bootstrap 为什么在引导中使用多列[lg | md | sm | xs]?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我见过一些项目使用类似 <div class="col-xs-12 col-sm-8 col-md-6 col-lg-4"> 为什么他们使用多列?因为我们可以为所有设备提供正确的设置,例如小型设备、中型设备、小型设备、xtra小型设备 Xs-超小型设备 Md-介质器件 Sm-小型设备来自: 网格类适用于屏幕宽度大于或等于的设备 更改断点大小,并覆盖针对较小断点的网格类 设备。因此,例如,将任何.col md-*类应用于元素 不仅会影响中型设备的造型,还会影响大型设备的造型 如果

我见过一些项目使用类似

<div class="col-xs-12 col-sm-8 col-md-6 col-lg-4">


为什么他们使用多列?

因为我们可以为所有设备提供正确的设置,例如小型设备、中型设备、小型设备、xtra小型设备 Xs-超小型设备 Md-介质器件 Sm-小型设备

来自:

网格类适用于屏幕宽度大于或等于的设备 更改断点大小,并覆盖针对较小断点的网格类 设备。因此,例如,将任何.col md-*类应用于元素 不仅会影响中型设备的造型,还会影响大型设备的造型 如果不存在.col lg-*类,则为设备


我是否需要指定``以在所有设备中获得100%的宽度?否。您可以使用唯一的
col-lg-12
width将自动调整所有设备的宽度,除非您需要不同设备的不同宽度