Question

阿罗哈！我试图让Bootstrap的导航停留在页面顶部，而不是在我滚动时跟随我。

我的代码如下所示：

<nav class="navbar  navbar-default navbar-fixed-top" role="navigation">
    <div class="container">

CSS：

body {padding-top: 70px;}
.navigation {padding-bottom: 30px:}
.navbar-fixed-top .nav { padding: 15px 0;}
.navbar-fixed-top .navbar-brand { padding: 0 15px;}
.navbar-nav > li{
  padding-left:30px;
  padding-right:30px;
}
.navcontainer {
padding-bottom: 30px;
}

我一直在调查它，但我找到的唯一答案是在导航栏中添加底部填充，但未成功。非常感谢一些帮助。谢谢:)

Answer 1

删除navbar-fixed-top并移除body padding top。即使在滚动时，Bootstrap navbar-fixed-top也会将其归档到浏览器的顶部。

.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
    border-width: 0 0 1px;
}

http://jsfiddle.net/63zvdLyu/8/

Answer 2

我找到了一个可能符合您需求的资源here。您可以使用Google Chrome中的inspect元素功能打开该示例网站，然后将代码复制到您喜欢的文本编辑器，然后您可以在那里查看代码。如果您需要更多帮助，请将其放在评论中。

修复了Bootstrap导航栏

2 个答案: