如何使用自定义引导程序模板设置固定顶部导航栏？

Question

我为我和我的团队开发的游戏网站工作，我无法弄清楚如何强制我的导航栏固定在顶部。
理想情况下，我想将网站设置为单页模式，但目前，这个问题避免了符合人体工程学的导航，因为导航栏会滚动内容。
我想让导航栏下的内容滚动仅

Bootstrap文档说你只需要将navbar-fixed-top放到你的语法中并将div class =“container”放在<nav>标签内，但它到目前为止对我来说不起作用。 我认为我的自定义模板可能是原因，但我需要帮助：）

您可以在此处找到网址：http://raphaelvareilles.fr/labs/prism/

Answer 1

快速浏览一下您的页面，然后在prism.css line: 171我可以阅读：

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: none;
    font-size: 37px;
}

你必须在这里删除position: relative;，它会覆盖position:fixed;样式的Bootstrap。

Answer 2

我做了以下事情：

.navbar.navbar-fixed-top {
    position: fixed;
}

目前你的prism.css＆＃34; .navbar＆＃34;正在重写自举位置。上面的额外CSS将避免这个问题。

Answer 3

在样式表中添加以下CSS

nav.navbar {
    position: fixed;
}
header {
    margin-top: 60px;
}