微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css – Bootstrap Spans和Columns之间的区别

我使用bootstrap,但试图了解跨度和列之间的差异,

<div class="span4">...</div>
or 
<div class="col-md-4"></div>

他们之间的区别是什么或他们做同样的事情?

谢谢

保罗

解决方法

<div class="span4">...</div>

是老Bootstrap语法直到version 2.3.2

<div class="col-md-4"></div>

是Bootstrap version 3语法。

主要区别是新引导是基于“移动优先”方法构建的,而旧引导使用典型的960gs方法来构建网格,而不是单独处理响应。

您现在有4个不同的值,将根据屏幕大小和想要的行为按不同的比例缩放元素:

.col-md-*

是相当于span *,而:

.col-xs-* 
.col-sm-* 
.col-lg-*

用于解决较小设备上元素的垂直堆叠(使您能够在认情况下在小屏幕设备上实现三列布局,而无需使用自己的覆盖引导认类)。

原文地址:https://www.jb51.cc/css/221566.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。