Bootstrap3中页面大小有：xs < sm < md < lg < xl
其中小页面属性覆盖大页面属性
比如当既有xs又有lg的时候：
<div class="row">
<div class="col-xs-1 col-lg-12"></div>
</div>当页面最宽时<div>占满整个页面，但缩小到xs级别时占1/12页面
Bootstrap4 Alpha6版本删除了xs属性：无 < sm < md < lg < xl
就是说默认就是xs，写成col-1就好了
本文详细介绍了Bootstrap3和Bootstrap4在页面响应式设计上的变化。Bootstrap3中，页面尺寸从xs到xl，且小尺寸属性会覆盖大尺寸属性，例如在xs和lg同时存在时，缩小到xs屏幕大小时，元素将按xs尺寸显示。而在Bootstrap4 Alpha6版本中，xs属性被默认包含，只需指定col-1即可实现相同效果。这一变动简化了代码编写，但需要注意布局适应性的调整。
扫一扫
678
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
