css - Bootstrap 跨度和列之间有什么区别

Question

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

例子

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

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

Answer 1

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

是 version 2.3.2 之前的旧 Bootstrap 语法,

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

是 Bootstrap version 3语法。

主要区别在于新的 Bootstrap 基于“移动优先”方法构建，而旧的 Bootstrap 使用典型的 960gs 方法构建网格，然后单独处理响应。

您现在有 4 个不同的值，它们将根据屏幕尺寸和想要的行为以不同方式缩放元素:

.col-md-* 

相当于span*，而:

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

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