引导程序:流畅的布局，没有外部余量 [英] Bootstrap: fluid layout with no external margin

问题描述

如果我有:

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

使用此代码，我在左右窗口边界处留有一定的余量.如何消除这些利润?

With this code i have some margin from left and right window borders. How can eliminate these margins?

感谢您的支持

推荐答案

如果我正确理解了您的问题，我相信您想要这样做:

If i understand your question correctly, I believe you want this:

.container-fluid {
    padding: 0px;
}

此外，如果您使用的是响应式引导程序，则还需要这样做:

Also if you are using responsive bootstrap you will also want this:

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

这是一个js小提琴.

这篇关于引导程序:流畅的布局，没有外部余量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！