Twitter bootstrap 引导网格系统-我们可以在.row类中使用2列-*-12吗？

从我在网上读到的所有链接中，我了解到row类中所有col类的总和应该是12

但是，我看到过人们在一行中使用多个col-*-12的情况。这是有效的引导语法吗

例如，以下内容是有效的-

<div class="row">
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
</div>

以下也是有效的

<div class="row">
  <div class="col-xs-9">
  </div>
  <div class="col-xs-3">
  </div>
</div>

下列各项是否有效

<div class="row">
  <div class="col-xs-12"></div>
  <div class="col-xs-12"></div>
</div>

请给出适当的理由

编辑： 谢谢你让我知道它是有效的。有人能告诉我这样做是否好吗？ 或者可能是，做以下事情更好

<div class="row">
  <div class="col-xs-12"></div>
</div>
<div class="row">
  <div class="col-xs-12"></div>
</div>

---

两个元素中哪一个更好？

当然它是有效的，它只定义了两个

100%width div

元素，它们都在一行中

如果您这样使用它，或者将它们分别放在两个

行

div中，当然这取决于您应用于该行的css，那么它没有真正的区别

---

在您的示例中，

col-xs-12

和

col-md-12

将彼此堆叠，两者都具有100%的宽度。您定义的

xs

和

md

甚至没有真正的区别，因为在所有屏幕宽度上，它们的宽度总是100%。

是的，这是有效的。根据

如果一行中放置的列超过12列，则每组额外列将作为一个单元换行

更新：

---

如果你有不同的高度块，你把所有的东西都放在一排块里，你会得到不正确的行为。看到这个了吗

---

但是如果只使用

col-X-12

，那么使用

row

类的方式实际上并不重要。我认为对于

col-X-12

您甚至可以跳过

行

和

col-X-12

类。只需将所有内容放入常规的

div

标记中，您将获得100%的宽度。

@yuyokk-我已经对问题进行了编辑。你也能回答这个问题吗？如果你有不同高度的积木，你把所有的东西都放在一排积木里，你会得到不正确的行为。看到这一点，但是如果您只使用col-X-12，那么使用行类的方式实际上并不重要。我认为对于col-X-12，你们甚至可以跳过row和col-X-12课程。只需将所有内容放入常规标签内，您将获得100%宽度。您可以将其添加到您的答案中，以便我可以接受它吗？它不允许我在正文中粘贴plunker链接：（@brance-我已经对问题进行了编辑。虽然你的回答部分回答了这个问题，但你想添加什么吗？比如说，4

col-*-6

s？