Question

我知道bootstrap .form-horizontal是标准的，并导致.form-group表现得像一行。这意味着不需要<div class="row">，但是构建我的布局的缺点是：

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

Answer 1

在这种情况下（没有.form-xx修饰符类作为祖先），.form-group除了在底部添加空间外什么都不做。来自BS的CSS：

.form-group {
  margin-bottom: 15px;
}

您只需将该类添加到行中即可获得相同的结果，例如：

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

在bootstrap表单中使用.row有什么缺点吗？

1 个答案: