Bootstrap：没有外部边缘的流体布局

发布时间：2020-12-18 00:13:31 所属栏目：安全来源：网络整理

导读：如果我有： div class="container-fluid" div class="row-fluid" div class="span8" Some Element.... /div div class="span4" Other Element /div /div /div 有了这个代码，我有一些边框从左边和右边的窗口。如何消除这些利润？感谢您的支持解决方法如果

如果我有：

<div class="container-fluid">
   <div class="row-fluid">
      <div class="span8">
             Some Element....
       </div>
       <div class="span4">
             Other Element
       </div>   
   </div>       
</div>

有了这个代码，我有一些边框从左边和右边的窗口。如何消除这些利润？

感谢您的支持

解决方法

如果我正确理解你的问题，我相信你想要这个：

.container-fluid {
    padding: 0px;
}

另外，如果您使用响应式引导，您还需要这样：

@media (max-width: 797px) {
    body { 
        padding-left: 0px;
        padding-right: 0px;
    }
}

编辑：这里是a js fiddle。

（编辑：李大同）

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