引导类为表格的行提供垂直间距？答案

【问题标题】：bootstrap class to provide vertical spacing for rows of a table?引导类为表格的行提供垂直间距？
【发布时间】：2014-12-03 23:57:49
【问题描述】：

我使用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？

【问题讨论】：

你说的是垂直间距吗？通常，这可以通过在内容周围放置相关标签来涵盖，例如表单组、标签或这些列中的任何内容，否则您将创建一个自定义类并添加一些底部边距。
是的行之间的垂直间距，我知道 form-group 是用于表单的，我在这种情况下要求一个引导类！

标签： twitter-bootstrap-3 cellspacing

【解决方案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
（向下滚动到横向描述）。

【讨论】：