Bootstrap Spans和Columns之间有什么区别

Question

我使用bootstrap,但试图了解Spans和列之间的区别,

例

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

它们之间有什么区别,还是它们做同样的事情？

Answer 1

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

是旧的Bootstrap语法,直到版本2.3.2,

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

是Bootstrap 版本3语法.

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

您现在有4个不同的值,这些值将根据屏幕大小和所需行为以不同方式缩放元素:

.col-md-* 

相当于span*,同时:

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

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