Twitter bootstrap 3 引导类为表的行提供垂直间距?
我使用Bootstrap3网格系统,如下所示Twitter bootstrap 3 引导类为表的行提供垂直间距?,twitter-bootstrap-3,cellspacing,Twitter Bootstrap 3,Cellspacing,我使用Bootstrap3网格系统,如下所示 <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 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>
标签1:
{{{$value1}}}
标签2:
{{{$value2}}}
但这两排排排得很紧,我需要在相邻两排之间留出一些垂直间距。
我知道
表单组
类适用于表单,我为表格的行寻找这样的类,或者我应该使用表单组
?更具语义的结构是使用Bootstrap的水平描述列表
<dl class="dl-horizontal">
<dt>label1:</dt>
<dd> {{{ $value1 }}} </dd>
<dt>label2:</dt>
<dd> {{{ $value2 }}} </dd>
</dl>
标签1:
{{{$value1}}}
标签2:
{{{$value2}}}
如果描述太长而无法显示,它们还有一个额外的优点,即使用省略号(…)自动截断描述
引导CSS文档:(并向下滚动至水平描述)。您是在谈论垂直间距吗?通常,在内容周围放置相关标记(如表单组、标签或这些列中的任何内容)可以解决这一问题,否则您将创建一个自定义类并添加一些底部边距。是的,行之间的垂直间距,我知道表单组用于表单,在这种情况下,我要求使用引导类!