如题,在使用Bootstrap进行响应式前端页面设计和开发的时候,如何为标记class="row"的行添加行之间的上边距呢?
class="row"
Rector
2021-01-18 提问
你可以重写Bootstrap的row的样式并为其添加上边距,但这不是最优的做法,更好的方式是新建一个样式类,比如.top-buffer,然后在这个样式类中定义上边距的样式,如下:
row
.top-buffer
.top-buffer { margin-top:20px; }
HTML的行中使用:
<div class="row top-buffer"> ... </div>
2021-01-18 回答
自定义一些关于上边距的样式类,如下:
.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>
码龄: 3107天
专注.NET/.NET Core