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

问:我有两个row a和row b,我发现这两个row之间的竖直方向的距离靠的有点近,我想调整a和b之间的距离,row之前的水平距离可以通过col-md-offset*调整,那竖直方向上的距离要怎么调整,谢谢!

答:

1、目前我是通过直接加一个空的h1标签,来拉开距离,感觉有点不太rails.大家有更合适的方法吗?谢谢!

2、可以自己在css中给top-offset的class写个margin,然后把这个class加到row后面覆盖row默认的margin

     

.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



你可能感兴趣的:(bootstrap row 之间的竖直方向的距离要怎么调整?)