html – 如何删除引导列之间的空间？

发布时间：2020-12-14 21:15:18 所属栏目：资源来源：网络整理

导读：我想删除引导网格中多列之间的空格.我们如何覆盖Bootstraps CSS以实现此任务或使用纯CSS的任何其他更好的解决方案？ main.html中 div class="row" div class="col-md-2" // stuff here for this column /div div class="col-md-10" // stuff here for column

我想删除引导网格中多列之间的空格.我们如何覆盖Bootstraps CSS以实现此任务或使用纯CSS的任何其他更好的解决方案？

main.html中

<div class="row">
  <div class="col-md-2">
    // stuff here for this column
  </div>
  <div class="col-md-10">
    // stuff here for columns
  </div>
</div>

解决方法

在需要删除空格时添加一个类使用它

.padding-0{
    padding-right:0;
    padding-left:0;
}

在html写这个类

<div class="row">
   <div class="col-md-2 padding-0">
       //stuff here for this column
   </div>
   <div class="col-md-10 padding-0">
       //stuff here for columns
   </div>
</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!