jquery - 修复了 Bootstrap 导航栏

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/