html - 在 Bootstrap 3 中，如何更改垂直行之间的距离？

Question

我有两行 a 和 b，我认为两行之间的垂直距离太小。

我想让距离更大一些，我知道我可以通过 col-md-offset-* 改变水平距离。但是如何改变垂直距离？

   <div class="row" id="a">
      <img> ... </img>
    <div>
    <div class="row" id="b">
      <button>..</button>
    <div>

现在我的解决办法是插入一个h1的标签，我觉得不太优雅。

   <div class="row" id="a">
      <img> ... </img>
    <div>
    <h1></h1>
    <div class="row" id="b">
      <button>..</button>
    <div>

有没有更优雅的解决方案？

Answer 1

而不是添加任何标签，这从来都不是一个好的解决方案。您始终可以对所需元素使用 margin 属性。

您可以在行类本身上添加边距。所以它会影响全局。

.row{
  margin-top: 30px;
  margin-bottom: 30px
}

更新:在所有情况下更好的解决方案是引入一个新类，然后将其与.row 类一起使用。

.row-m-t{
  margin-top : 20px
}

然后在任何你想用的地方使用它

<div class="row row-m-t"></div>