由于行添加图像下方导航栏在Twitter的引导

我面临着引导一个问题：由于行添加图像下方导航栏在Twitter的引导

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class="container"> 
      <a class="brand" href="/"></a> 
     </div> 
    </div> 
</div> 

<div id="main_top"> 
    <div class="container"> 
     <div class="row"> 
      <div class="span12"> 
          ...

在main_top我有一个背景图像。当我调整浏览器的问题发生是由于下面的代码：

@media (max-width: 979px) 
.navbar-fixed-top { 
margin-bottom: 20px; 
}

基本上，当浏览器的宽度< 979，有一条白线，由于20像素的保证金。

你能帮我解决吗？我还在这里创建了一个示例：http://jsfiddle.net/TxRgF/

来源

2012-12-15 Vitaly

到底是什么问题？你为什么不删除这个边界？ –

问题是出现在导航栏和图像之间的白色区域。我不想像这样混淆bootstrap代码，我相信这个保证金是有原因的，所以我认为有更好的解决方案。查看链接并尝试水平调整HTML输出部分的大小，您会看到问题。 – Vitaly

Working DEMO

这个怎么样：

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

    .navbar-fixed-top { 
     margin-bottom: 0px !important; 
    } 

}

来源

2012-12-16 14:35:11

在该宽度处，主体具有左侧和右侧填充。将这个类添加到CSS的末尾。

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

http://jsfiddle.net/simply_simpy/ryjMT/2/

您需要填充添加其他元素来弥补。

来源

2012-12-15 14:09:47

导航栏和图像之间仍有一个白色区域 – Vitaly

由于行添加图像下方导航栏在Twitter的引导

回答

相关问题