首页 / 问答 / [Bootstrap]中如何添加行与行(row)之间的顶部间距呢?

[Bootstrap]中如何添加行与行(row)之间的顶部间距呢?

0

如题,在使用Bootstrap进行响应式前端页面设计和开发的时候,如何为标记class="row"的行添加行之间的上边距呢?

回复 [×]
提交评论
请输入评论内容

2 个回答

  • 0

    你可以重写Bootstrap的row的样式并为其添加上边距,但这不是最优的做法,更好的方式是新建一个样式类,比如.top-buffer,然后在这个样式类中定义上边距的样式,如下:

    .top-buffer { margin-top:20px; }
    

    HTML的行中使用:

    <div class="row top-buffer">
    ...
    </div>
    
    Rector的个人主页

    Rector

    2021-01-18 回答

    • 0

      自定义一些关于上边距的样式类,如下:

      .top5 { margin-top:5px; }
      .top7 { margin-top:7px; }
      .top10 { margin-top:10px; }
      .top15 { margin-top:15px; }
      .top17 { margin-top:17px; }
      .top30 { margin-top:30px; }
      

      然后,在HTML的row行中使用:

      <div class="row top7"></div>
      
      Rector的个人主页

      Rector

      2021-01-18 回答

      我来回答