Bootstrap的网格系统是否仅在页面级别使用

Question

我理解如何应用这些类来创建行和列。 您可以将页面拆分为网格。行。

这是创建网格的级别吗？

页面一角的较小部分怎么样？如果我想将这个小盒子分成网格，那么使用网格系统是否合适？

我问因为我见过我的同事这样做，但官方文件说

1. 将行放在容器中
2. 将列放在行中
3. 容器宽度为1170px或970px等，具体取决于设备。

当然，我的小部分没有这种宽度

Answer 1

您可以在任何嵌套级别使用Bootstrap网格。如果您在列中，则宽度都相对于该列。

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

首先创建一个50％宽度的列，然后在50％内创建3列33％宽度的列。

Answer 2

列类可以在页面的任何位置使用。它们向左浮动，因此您不需要添加任何类型的行来将它们组合在一起。即使它们不在Bootstrap容器中，它们也会完成整个页面的一部分。这些类将元素所在的容器分成12个部分，它们相对于父元素的大小，无论它是什么。

Answer 3

你是对的you should use a container，在这种情况下你可以使用没有特定宽度的container-fluid，因此它会填充它的父级。在“页面一角的较小部分”中使用它。

示例：http://codeply.com/go/rc4QcPvgnj

这也将确保您使用的行/列具有正确的填充和对齐。