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

<div class="clearfix" style="margin-bottom: 10px;"></div><!-- 清除浮动 -->


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值