今天在学习bootstrap的时候,遇到了一个小问题。这里总结学习一下。
在以前的版本中,Grid系统中,支持以下类:
但是在现在的版本中,移除了对xs
的支持,转而改成了col-x
,所限定的范围也稍有改变,当前,最新版本支持的类如下:
当我在如下尝试柵格布局的时候:
在页面大小为600px,也就是不满足col-x
的布局规则(<576px),也不满足col-md-x
的布局规则(≥768px)的时候, 但是还是会应用col-x
的布局规则。
这是体现了Bootstrap的“移动优先”规则。