引导行和列-我需要使用行吗？

Question

我只需要对引导网格的行和列中的某一点进行澄清。。关于此链接：http://getbootstrap.com/css/#grid; 介绍中的第三点说：“内容应该放在列中，只有列可以是行的直接子行。”

这到底意味着什么？我想做的是放两列：col-xs-4，col-xs-8；在col-xs-12内，其本身位于一行内。这行吗。。

<div class="row">
<div class="col-xs-12">
    <div class="col-xs-4">some content</div>
    <div class="col-xs-8">some other content</div>
</div>

或者我必须在xol-xs-12中插入一个新的（嵌套的...我想）行，然后在该行中插入另外2个行？

Answer 1

您应该有家长

像这样的

<div class="row">
  <div class="col-xs-12">
    <div class="row">
      <div class="col-xs-4">some content</div>
      <div class="col-xs-8">some other content</div>
    </div>
  </div>
</div>

Answer 2

不，您不再需要行。从Bootstrap 5.0文档中：

这个col-*类也可以在外部使用。行为元素指定特定的宽度。当列类用作行的非直接子级时，将省略填充。

Answer 3

引导行和列-我需要使用行吗？

2018年更新

行

因此，嵌套列（. col-*）也必须位于. row中：

<div class="row">
  <div class="col-xs-12">
    <div class="row">
       <div class="col-xs-4">some content</div>
       <div class="col-xs-8">some other content</div>
    </div>
  </div>
</div>

正如您在这里看到的，您应该始终使用row。这在Bootstrap 4中非常重要，因为如果不放在. row中，列将简单地垂直堆叠（换行）。. row两边都有15px的负边距，所以好处是...

• 集装箱内100%宽度的内容物

从引导3文档。。。

内容应该放在列中，只有列可以是行的直接子行。

从引导4文档。。。

行是列的包装器。每根柱子都有水平填充物（称为排水沟）来控制它们之间的空间。然后，在具有负边距的行上抵消此填充。这样，列中的所有内容都在视觉上沿着左侧对齐...内容必须放在列中，并且只有列可以是行的直接子元素。

https://medium.com/wdstack/how-the-bootstrap-grid-really-works-471d7a089cfc