Bootstrap 12列语法

Question

如何编写bootstrap 12列布局？这可能很简单，但知道这样做的正确方法真好。

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

Answer 1

这是引导网格"documentation"

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

Some more detailed documentation

Answer 2

根据您的要求，您可能只是写作

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

这将在所有视口中呈现12个col的div。

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

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

定位不同的视口大小...但是请查看（扩展的）引导程序文档以获取更多详细信息

Answer 3

Bootstrap是一个移动的第一个前端框架。因此，如果您想要定位12列布局

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

就足够了。

You can read more about the grid system here