当前第2页 返回上一页
方案一
添加一个新的样式类，定义 margin-top 的样式，如：
1 | .top-buffer { margin-top:20px; }
|
然后，在row所在的div元素上添加该样式类，如：
1 | <div class="row top-buffer"> ...</div>
|
方案二
定义一些通用的上边距样式类，如：
1 2 3 4 5 6 | .top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
|
然后，在row所在的div元素上添加适合的CSS样式类，如：
1 | <div class="row top7"></div>
|
方案三
在 Bootstrap 4 中，可以使用内置的间距样式类(具体请见这里)，如：
1 | <div class="row mt-3"></div>
|
以上就是bootstrap如何设置行间距的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
bootstrap有哪几种导航
解决bootstrap只加载一次 remote 数据的问题
html怎么设置p标签行间距
bootstrap table使用方法汇总
bootstrap的原理是什么
bootstrap remote用法是什么
less百行代码实现bootstrap栅格布局
bootstrap什么时候使用
使用bootstrap-table实现分页和排序
layui和bootstrap的区别
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » bootstrap如何设置行间距
