twitter-bootstrap - Bootstrap 3 响应式是否需要所有设备的类

Question

当我编写 html 时，我添加了所有类，例如

<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-8 col-xs-offset-2"></div>

我看过很多教程，但从未见过将所有类添加到每个 div 的教程。

包含所有类(class)是一个好习惯吗？

Answer 1

也许您已经看过很多没有演示 4 种 Bootstrap 网格大小的“级联”效果的教程。

将多个类添加到每个 div 并没有错，但您只需要为较小的宽度编写类。例如，sm适用于 768 及以上(表示 sm 及以上):

使用这个...

<div class="col-lg-8 col-md-8 col-sm-8"></div>

与简单地使用具有相同的效果..

<div class="col-sm-8"></div>

因此，您只需要使用全部 4 个 lg , md , sm和 xs如果你想一起 不同台式机、笔记本电脑、平板电脑和手机上的列大小。这是一个可能有助于澄清的演示: http://bootply.com/73778