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 不支持ie怎么办

为什么要使用bootstrap框架

bootstrap响应式布局怎么实现

bootstrap的原理是什么

bootstrap table 怎么绑定数据源

bootstrap css冲突吗

bootstrap可以做小程序吗

如何解决360浏览器不兼容bootstrap问题

css怎么调整行间距

layui怎么设置checkbox勾选

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




打赏

取消

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

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

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

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

评论

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