Bootstrap 跨度和列有什么区别答案

【问题标题】：What's the difference between Bootstrap Spans & ColumnsBootstrap 跨度和列有什么区别
【发布时间】：2014-03-05 01:11:56
【问题描述】：

我使用引导程序，但试图了解跨度和列之间的区别，

例子

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

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

【问题讨论】：

【解决方案1】：

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

在 version 2.3.2 之前是旧的 Bootstrap 语法，

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

是 Bootstrap version 3 语法。

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

您现在有 4 个不同的值，它们将根据屏幕大小和想要的行为来不同地缩放元素：

.col-md-*

相当于span*，而：

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

用于解决较小设备上元素的垂直堆叠（让您可以在小屏幕设备上默认实现三列布局，而无需使用自己的引导程序默认类覆盖）。

【讨论】：

【解决方案2】：

跨度用于 BS 2 - Scaffolding

在 BS 3 中使用列 - CSS

无论出于何种意图和目的，它们都是同一事物。

【讨论】：