固定自举导航栏

阿罗哈！我试图让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; 
}

我一直在寻找到它，但我发现的唯一答案是底部填充添加到具有导航栏不成功。真的很感谢一些帮助。谢谢:)

来源

2015-10-18 Alex

它工作正常，在这里 - > ** HTTP：//jsfiddle.net/63zvdLyu/4/**，你必须有别的东西造成固定导航不工作。 – davidkonrad

删除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/

来源

2015-10-19 00:30:01

我发现了一个可能适合您需要的资源here。您可以使用Google Chrome中的检查元素功能打开该示例网站，然后将代码复制到您最喜欢的文本编辑器中，然后您可以通过该代码进行查看。如果您需要更多帮助，请将其放入评论中。

来源

2015-10-18 23:35:39

固定自举导航栏

回答

相关问题