layout - Bootstrap : fluid layout with no external margin

标签 layout twitter-bootstrap margin fluid-layout

如果我有:

<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;
}

此外,如果您使用的是响应式 Bootstrap ,您还需要:
@media (max-width: 797px) {
    body { 
        padding-left: 0px;
        padding-right: 0px;
    }
}

编辑:这里是 a js fiddle .

关于layout - Bootstrap : fluid layout with no external margin,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14400793/

相关文章:

java - 为什么我在添加 setLayout(null) 时失去视觉效果?

java - 为什么我的横幅出现在我的主视图下?

java - 使用嵌套面板

html - 在顶部粘贴卡头

css - 无法将 <a> 的文本居中

java - 布局管理器区域的动态调整大小

javascript - jQuery 在一定时间后删除 Bootstrap 警报

android - 将边距设置为 ListView 项目,而不影响整个 ListView 的边距

css - Topmargin 0 不起作用?缓存问题?

JQuery/CSS 转换 : Easier way without using negative margins?