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