当前第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,有什么优点
rocketbootstrap是什么
如何解决bootstrap导航条不跳转的问题
bootstrap 如何创建错误提示
浅谈bootstrap blazor组件的用法
bootstrap框架技术基础是什么
用npm下载bootstrap后怎么引入
三分钟带你了解bootstrap下拉菜单
bootstrap组件有哪些
bootstrap less是什么
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » bootstrap如何设置行间距
