bootstrap form-group vs row CSS哪个更喜欢

Question

我已经使用了行,现在使用表单组 CSS.我对这些2感到困惑,如果我想构建表单控件,我应该更喜欢哪一个.似乎都做同样的工作.

Answer 1

我通常遵循这种模式:

<div class="form-group">
   <div class="row">
        <div class="col-md-6"></div>
        <div class="col-md-6"></div>
   </div>
</div>

注意col-md-6和col-md-5是示例,您可以使用任何col-md-x数字不限的类.总和必须是12.

Answer 2

您的问题的直接答案在文档中：

".form-row" 是我们标准网格类 ".row" 的变体，它覆盖了默认的列间距以获得更紧凑和更紧凑的布局

请参阅此处：https : //getbootstrap.com/docs/4.0/components/forms/#form-grid