我使用最新版本的Twitter Bootstrap,我想绝对将导航栏放在页面顶部。
以下是代码的样子:
<div class="navbar navbar-transparent navbar-static-top" role="navigation">
......
<section id="slider">
... here is the markup for a slider...
如果我使用navbar-static-top
,它将不会位于滑块部分的顶部,我必须为滑块部分添加负上边距,以使导航栏保持在滑块部分的顶部,如这个:
#slider {
position:relative;
top:-90px;
}
这里还有一个jsbin,可以看到我正在谈论的内容; 有没有更正确,语义的方法来做到这一点?我不想使用固定定位。
答案 0 :(得分:1)
如果我理解你的错误,你希望导航栏显示在滑块上方。我是对的吗?
如果是这样,为什么不简单地给出.navbar
position:absolute;
?如果存在任何重叠问题,您可以使用z-index
来控制它们。