Question

bootstrap row 之间的竖直方向的距离要怎么调整

Answer 1

1、目前我是通过直接加一个空的h1标签，来拉开距离，感觉有点不太rails.大家有更合适的方法吗？谢谢！
2、可以自己在css中给top-offset的class写个margin，然后把这个class加到row后面覆盖row默认的margin

[css] view plain copy
.row {
margin-top: 4px;
margin-bottom: 4px;
}

3、首先是Container、row、col-md-4、col-md-8（如果是BS2，那么就是span4、span8 这样来布），这是bootstrap代码规范，不要强加过多自定义CSS去调整，如果非要这样请书写至前 做出优先权去所谓的覆盖。如果非要反规范的去实现想法 请加class 不要加id。同时更加好的解决办法是 row和row之间加一句清除浮动同时加margin-bottom

Answer 2

你说的是垂直距离吧。
我能想到2种方法
一，可以在row中添加一个自定义css。
比如我添加一个 .mt-10{margin-top:20px;}
距离顶部10px
<div class="row mt-10">
...
</div>

-----------------
二、或者在row的外层添加一个div，然后在这个div中定义边距
<div style="margin-top:20px;">
<div class="row">
...
</div>
</div>

Answer 3

直接在最外层row上
display flex
align center