我可以为所有视口编写col-xs-12 ..？

Question

我怀疑。如果我想要所有视口的col-*-12相同的col大小，我应该只写col-xs-12（或）col-xs-12和col-sm-12（或）单独的col-*-12类对于所有视口？

提前致谢。

Answer 1

Bootstrap中的列类适用于大于或等于该类最小大小的视口。

例如，sm类适用于视口＆gt; = 768px ，而lg适用于视口＆gt; = 1200px 。请参阅：http://getbootstrap.com/css/#grid-options

这意味着您只需要为所需的最小视口大小添加类。

如果您最终得到：col-xs-12 col-sm-6 col-md-6 col-lg-6，则可以将其最小化为：col-xs-12 col-sm-6并且所有超过768px宽的视口都将应用col-sm-6样式。