热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

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

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

问:我有两个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




推荐阅读
author-avatar
小太郎在路上_439
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有