Html Bootstrap-完成所有'；行'；后面必须跟一列吗？

我知道这是一个愚蠢的问题，但我似乎无法在网上找到答案。对于引导，我知道您使用行和列来指定行的大小。但如果我有这样的东西：

<div class='row'>
    <div class='col-md-12'></div>
</div>

添加

col-md-12

有什么意义吗？如果你想知道整行的长度，我认为只要粘贴

行

类就足够了

如果您对此有任何建议，我们将不胜感激

---

谢谢

如果您希望行的宽度为100%，那么就不需要在.row div中使用.col div。但是，如果您希望对其应用默认引导.col样式（例如填充和边距），则使用一个是很有用的。

a

行

和a

。col-X-X

是不同的事情。是的，您需要列+行。 如果使用Bootstrap 4，则只能使用

.col

类，而在Bootstrap 3中，必须使用

.col-X-12

进行全宽

从

1） 列通过填充创建檐槽（列内容之间的间隙）。第一列和最后一列的填充在行中通过.rows上的负边距进行偏移

2） 负边距是以下示例被忽略的原因这样，网格列中的内容与非网格内容对齐。

---

是的，您可能需要col。请使用浏览器的开发工具进行检查。您将看到边距/填充和其他样式应用于

.col-*

，以使内容正确对齐

.row

类主要提供列提供的“浮动清除”

如您所知，列允许各种“网格布局”宽度/大小，并自动调整以适应浏览器大小的需要

运行下面的代码段以查看差异（单击“完整页面”链接，否则将压缩为小视图）。（请注意，我已将边框添加到行/列以突出显示所发生的情况）：

.row{
边框：1px纯红；
}
[class^=“col-”]{
边框：1px纯黑；
}
.其他{
边框：1px纯蓝色；
}

这是一个全宽列的行。
此行有几个较小的列。
此行有几个较小的列。
此行有几个较小的列。
此行没有列。
它既没有列也没有行。

A

.row

和A

.col-X-X

是不同的东西。是的，您需要列+行。如果使用Bootstrap 4，则只能使用

.col

类，而在Bootstrap 3中，必须使用

.col-X-12

进行全宽。从文档

列中，通过填充创建水槽（列内容之间的间隙）。第一列和最后一列的填充在行中通过.rows上的负边距进行偏移。负边距是以下示例被忽略的原因。这样，网格列中的内容与非网格内容对齐。

是的，您可能需要

列

。使用浏览器的开发人员工具检查它。您将看到边距和其他样式应用于

col

，以使内容正确对齐。@cale_b就是这样，我尝试了这两种方法，到目前为止，我看不到任何差异……技术上准确，但缺少一些重要的相关细节。只有在没有包含列的行时才是这样。对于全宽行，您不能同时省略

.row

和

.col-

？看起来像是不必要的标记。从技术上讲，是的，但这与bootstrap的设计相反。我个人已经开始少用引导程序了，因为我认为它通常需要很多不必要的标记。我理解，但对我来说，当您实际拥有列（在任何视口上）时，似乎只需要使用

.row

。。。没有任何好处，只是额外的加价来维护。我不是故意刁难你，你的答案很好，我已经投了赞成票。我只是不同意在所有视口中都必须使用行和列作为全宽内容区域。Bootstrap grid在这方面做得很好，但我想说的就是在您真正需要的时候使用它。此外，我不认为在这样做时会失去引导的预期功能。同意。这就是为什么我将它添加到代码片段中，以演示它在没有行或列的情况下的外观/感觉！