将 div 包裹在引导行内 - 不是网格项？答案

【问题标题】：Wrap div inside bootstrap row - not grid item?将 div 包裹在引导行内 - 不是网格项？
【发布时间】：2019-03-26 06:40:13
【问题描述】：

是否可以将 div 包装在一行中？我知道这是可能的，但我只想知道这是不是一种不好的做法。我没有在行内使用任何 col-md 类。

请看下面的例子..

<div class="row">
 <div class="home-bg">
  1
 </div>
</div>

【问题讨论】：

Bootstrap 3 - Single column in a row, but not col-md-12的可能重复

标签： html css twitter-bootstrap bootstrap-4

【解决方案1】：

这是一种不好的做法，因为.row 仅意味着包含网格col*，如Bootstrap docs 中特别说明的那样...

行是列的包装。每列都有水平填充（称为排水沟）用于控制它们之间的空间。这个填充然后在具有负边距的行上抵消.. 在网格中布局，内容必须放在列中，只能列行的直接子代。

http://getbootstrap.com/docs/4.1/layout/grid/#how-it-works

【讨论】：

【解决方案2】：

您的问题与询问我可以让一个 div 包装另一个 div 的问题相同吗？类行只是一个带有一些 CSS 规则的引导类。不多不少。

您将需要这样做很多次。您将 div 与来自不同库的类、您将创建的自定义类以及许多不同类型的元素混合在一起。

不存在好做法或坏做法的问题。如果您需要某个类中已经存在的一些引导功能，那么最好使用现有功能。如果没有，那就随心所欲。

【讨论】：

【解决方案3】：

你可以这样做，但问题是你为什么要这样做？ row 类所做的只是添加负边距和必要的 flex 属性以允许柱状网格工作，因为你不需要柱状网格，你需要负边距吗？如果没有，则不要添加rowclass。将非列网格类作为 row 的子类不会破坏您的网站，但重要的是要记住，由于它增加了负边距，它可能会导致一些不希望的设计错误。

您可以了解有关 Bootstrap 柱状网格here 的更多信息。

【讨论】：