Twitter bootstrap - 导航栏绝对定位

时间:2014-11-10 16:08:25

标签: html css twitter-bootstrap

我使用最新版本的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,可以看到我正在谈论的内容; 有没有更正确,语义的方法来做到这一点?我不想使用固定定位。

1 个答案:

答案 0 :(得分:1)

如果我理解你的错误,你希望导航栏显示在滑块上方。我是对的吗?

如果是这样,为什么不简单地给出.navbar position:absolute;?如果存在任何重叠问题,您可以使用z-index来控制它们。

这是working example