Twitter bootstrap 3 - 比较每个设备上的列比率答案

【问题标题】：Twitter bootstrap 3 - compare ratio of columns on each deviceTwitter bootstrap 3 - 比较每个设备上的列比率
【发布时间】：2013-11-20 11:02:40
【问题描述】：

在Twitter Bootstrap 3的新版本中，grid根据设备大小分为不同的column类（col-*）。

当我阅读Grid example mixed 时，我看到一个带有

的 div

<div class="col-12 col-lg-8">8</div>

我是否必须了解 col-12 等于 col-lg-8（按比例）？

【问题讨论】：

【解决方案1】：

这只是意味着当设备是 pc 时 col 将为 span8，如果是 mobile 则为 span12。

【讨论】：

【解决方案2】：

<div class="col-md-12 col-lg-8">8</div>

这意味着对于中等屏幕，您将获得该 div 的 12 列对于更大的屏幕，您将获得该 div 的 8 列大屏幕上方的任何内容，您将继续为该 div 获取 8 列任何小于中等屏幕（xs 或 sm）的东西，默认情况下你会得到 12 列。如果我错了，请纠正我

【讨论】：