![](/img/trans.png)
[英]Twitter Bootstrap sidebar position below navbar not behind it
[英]Add image below navbar in Twitter bootstrap
由于行而导致我遇到Bootstrap问题:
<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时,由于20px的空白,会有一条白线。
你能帮我解决吗? 我还在这里创建了一个示例: http : //jsfiddle.net/TxRgF/
那这个呢:
@media (max-width: 979px){
body{
padding-left:0 !important;
padding-right: 0 !important;
}
.navbar-fixed-top {
margin-bottom: 0px !important;
}
}
在该宽度下,主体具有左右填充物。 在CSS的末尾添加此类。
@media (max-width: 767px){
body {
padding-left:0 !important;
padding-right: 0 !important;
}
}
http://jsfiddle.net/simply_simpy/ryjMT/2/
您将需要向其他元素添加填充以进行补偿。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.