twitter-bootstrap-3 - 引导类为表格的行提供垂直间距？

Question

我使用 bootstrap 3 网格系统如下

   <div class="row ">
    <div class="col-md-4 ">label1:</div>
    <div class="col-md-6"> {{{  $value1 }}} </div>
  </div>
   <div class="row ">
    <div class="col-md-4 " >label2:</div>
    <div class="col-md-6"> {{{  $value2 }}} </div>
  </div>

但是行非常紧密，我需要两个相邻行之间的垂直间距。我知道form-group类适用于表格，我为表格行寻找这样的类，或者我应该使用form-group？

Answer 1

更语义化的结构是使用 Bootstrap 的水平描述列表。

<dl class="dl-horizontal">
  <dt>label1:</dt>
  <dd> {{{  $value1 }}} </dd>
  <dt>label2:</dt>
  <dd> {{{  $value2 }}} </dd>
</dl>

如果描述变得太长而无法显示，它们还有一个额外的优势，即使用省略号 (...) 自动截断描述。

Bootstrap CSS 文档： http:
//getbootstrap.com/css/#type-lists
（向下滚动到Horizo​​ntal description）。