Bootstrap 12 列语法答案

【问题标题】：Bootstrap 12 column syntaxBootstrap 12 列语法
【发布时间】：2016-03-22 04:50:04
【问题描述】：

如何编写引导程序 12 列布局？这可能很简单，但很高兴知道这样做的正确方法。

<div class="col-xs-12 col-sm-12 col-md-12"></div>

【问题讨论】：

我们真的很想提供帮助，但您应该注意拼写、降价等（发布前使用预览），在您的问题中明确，包括您尝试过的完整复制，并具体说明你卡在哪里。（PS。如果您自己在问题上花费的时间似乎不多，那么您要求我们“花 3 秒钟的时间发表评论”并没有帮助......）
@Jeroen 感谢您的回复。所以反对票是div class="col-xs-12 col-sm-12 col-md-12"></div>。我不会那样做的。感谢您花时间指出这一点。 :) 我现在已经解决了。
反对票可能是因为您还没有阅读（相当不错的）Bootstrap 文档。
有很多关于这个主题的可用资源，以w3schools.com/bootstrap/default.asp 开头阅读指南并尝试使用它。

【解决方案1】：

根据您的要求，您可能只写就可以了

<div class="col-md-12">

这将在所有视口中以 12 列呈现 div。

例如，如果您有理由希望此 div 在小型设备上以 6 列宽呈现，但在 md 上保持在 12 列，您可以使用

<div class="col-md-12 col-sm-6">

针对不同的视口大小...但请查看（广泛的）引导程序文档以获取更多详细信息

【讨论】：

【解决方案2】：

这是引导网格"documentation"

要获得 12 列，您需要使用 .col-[size]-1 类的 12 个单独的 div

【讨论】：