Twitter bootstrap 您是否需要使用引导'；s"；货柜；及；“世界其他地区”；如果您的内容要跨越整个宽度？

我认为引导程序3和4的标准是

<div class="container">
    <div class="row">
        <div class="col-md-4"> ... </div>
        <div class="col-md-8"> ... </div>   <!-- just add up to 12 -->
    </div>
</div>

... 
...    

但是，如果您有一个

div

、

表

、

表单

或任何元素，您计划让它跨越整个宽度，该怎么办？那么，您是否需要

容器

或

行

或

col-md-12

，以使整个页面在Bootstrap 3和4的样式规则下显示良好

---

请注意，如果可能，请指向或引用与此相关的官方引导文档。

使用流体容器跨越父级的整个宽度

如果希望内容跨越文档的整个宽度，则应使用

.container fluid

类。如果没有此类，

.row

的负边距将导致水平滚动

您可能会忽略

容器流体

和

行

，但这可能会在使用其他引导组件时导致意外结果

.col-md-4{
背景：红色；
}
.col-md-8{
背景：绿色；
}

... 
... 

您应该将

.container fluid

添加到包装div中。您应该将表格、div或表单包装在一个div中，并将类

.container fluid

添加到其中

---

简短回答：您确实需要使用

容器

，但不需要使用

行

您可以直接将元素放入

容器

或

容器流体

。您不需要使用网格（

.row

和

.col-*

），并且容器本身可以用作内容容器。仅在需要12单元结构时使用网格

例如，这是有效的引导

<div class="container">
   <h2>Hello World</h2>
   <p class="lead">Some other content...</p>
</div>

你好，世界
其他一些内容

从

“引导需要一个包含元素来包装站点内容和 为我们的电网系统提供支持。”

因此，

容器的目的有两个：1）容纳网格系统，2）包装站点内容。但是，如果使用网格（
.row
和
.col-*
），则需要一个容器来包装
.row

即使是
容器
也没有网格

总之


您可以单独使用
.container
或
.container fluid
来包含元素和页面内容
如果使用网格（
.row
和
.col-*
），
.row
必须位于
.container
或
.container fluid
内，
.col-*
必须位于
.row
内
因此，只需使用
表上的
.container fluid
或
div
或
表格上的
.container fluid
？是否需要任何
行
？要以引导方式执行此操作，请使用
.container fluid>.row>.col XX
。我认为您在文档中找不到任何其他方法。因此，即使对于跨越整个宽度的div、table或form，也可以使用
.container fluid>.row>.col-md-12
，也就是说，始终具有这三个层。因此，如果您将类
col-md-12
放在
表单
或
表
上，那么您需要在其周围添加两个额外的包装器？是的。不能使用没有行的列。不能使用没有容器的行。你应该同时使用这三个词。我认为你的答案更准确。。。如果我用class
row
添加一个包装器
div
，然后将
col-md-12
放在
表上
，那么表的边框太宽了。。。触摸页面的边缘。。。如果我删除
行
和
col-md-12
内容，那么引导中就没有流体容器了