引导：没有外部保证金流体布局(Bootstrap: fluid layout with no ext

如果我有：

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

有了这个代码，我从左边和右边的窗口边框一定的余量。 怎样才能消除这些利润？

感谢您的支持

Answer 1:

如果我没有理解你的问题，我相信你想这样的：

.container-fluid {
    padding: 0px;
}

此外，如果你使用的是响应引导你还想要这个：

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

编辑：这里是一个js小提琴 。

Answer 2:

您所看到的效果是因为的container的填充。

你可以改变container与内置的默认填充引导4间距的实用工具类 。

以除去填充物，添加p-0到container ：

 <div class="container-fluid p-0"> <div class="row"> <div class="col-8"> Some Element.... </div> <div class="col-4"> Other Element </div> </div> </div> 

使用内置的实用工具类具有保持你的CSS瘦的利益，它也不会修改默认container-fluid类定义。

文章来源: Bootstrap: fluid layout with no external margin