Bootstrap跨度和列有什么区别?

我使用引导程序,但试图了解跨度和列之间的差异,

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

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

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

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

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

是Bootstrap 版本3语法。

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

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

 .col-md-* 

相当于span* ,而:

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

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

跨度被用于BS 2 – 脚手架

Cols用于BS 3 – CSS

对于所有的意图和目的,它们都是一样的。