Bootstrap 3响应是否需要所有设备的类

Sha*_*han 7 twitter-bootstrap twitter-bootstrap-3

当我写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>
Run Code Online (Sandbox Code Playgroud)

我看过很多教程,但从未见过有人将所有类添加到每个div中.

包括所有课程是一种好习惯吗?

Zim*_*Zim 13

也许您已经看过很多教程没有演示4个Bootstrap网格大小的"级联"效果.

向每个div添加多个类没有任何问题,但您需要为较小的宽度编写类.例如,sm适用于768及更高版本(表示sm及以上):

用这个......

<div class="col-lg-8 col-md-8 col-sm-8"></div>
Run Code Online (Sandbox Code Playgroud)

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

<div class="col-sm-8"></div>
Run Code Online (Sandbox Code Playgroud)

所以,你需要使用所有的4 lg,md,smxs如果你一起想不同的台式机,笔记本电脑,平板电脑和手机列大小.这是一个可能有助于澄清的演示:http://bootply.com/73778