bootstrap如何设置行间距


本文摘自PHP中文网,作者爱喝马黛茶的安东尼,侵删。

比如现在如下的基于 Bootstrap 框架布局的HTML代码,需要在每行之间的上边添加间距(padding或者margin),有哪些方法可以实现呢?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<div class="row">

        <div class="col-lg-4"></div>

        <div class="col-lg-4"></div>

        <div class="col-lg-4"></div>

    </div>

    <div class="row">

        <div class="col-lg-4"></div>

        <div class="col-lg-4"></div>

        <div class="col-lg-4"></div>

    </div>

    <div class="row">

        <div class="col-lg-4"></div>

        <div class="col-lg-4"></div>

        <div class="col-lg-4"></div>

    </div>

    <div class="row">

        <div class="col-lg-4"></div>

        <div class="col-lg-4"></div>

        <div class="col-lg-4"></div>

    </div>

    <div class="row">

        <div class="col-lg-4"></div>

        <div class="col-lg-4"></div>

        <div class="col-lg-4"></div>

    </div>

相关推荐:《bootstrap入门教程》

阅读剩余部分

相关阅读 >>

什么是bootstrap框架

简述为什么要使用bootstrap,有什么优点

怎么给span标记样式设置width属性

bootstrap是什么框架

bootstrap与vue区别

bootstrap为什么弹出框没有内容

浅谈vue项目中使用npm安装bootstrap和jquery

浅谈查看bootstrap和jquery版本对应关系的方法

如何去掉bootstrap模态框的遮罩层

extjs 和 bootstrap是什么

更多相关阅读请进入《bootstrap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...