Html 引导导航和固定位置不工作

我使用的是引导导航栏。正如您在示例中看到的，我将导航栏定位在图像滑块内。当我向下滚动导航消失时，我不想要这个。当我向下滚动时，我希望导航跟随我。 所以我尝试添加

位置：fixed

。当我添加“位置固定”时，整个菜单变得不同了。我希望它保持全宽

标题{
}
旋转木马{
位置：绝对位置；
排名：0；
}
a、 navbar品牌{
字体系列：“Pacifico”，草书；
}
nav.navbar.navbar-inverse{
边界半径：0；
背景色：rgba（0,0,0,0.5）；
边界：无；
页边距底部：0；
z指数：100；
排名：0；
}
导航。导航条。导航条-反向a{
颜色：#E897DB；
}
nav.navbar.navbar-反向a:悬停{
颜色：#F7BDFF；
}
.navbar inverse.navbar nav>.active>a、.navbar inverse.navbar nav>.active>a:focus、.navbar inverse.navbar nav>.active>a:hover{
颜色：#F7BDFF；
背景：无；
}

检查这把小提琴

<nav class="navbar navbar-inverse navbar-fixed-top">

</nav>

检查这把小提琴

<nav class="navbar navbar-inverse navbar-fixed-top">

</nav>

---

在

导航栏

代码中添加

导航栏固定顶部

，如下所示，这将固定

导航栏

在顶部的位置

<nav class="navbar navbar-inverse navbar-fixed-top">

---

两者都很好。但是，如果要添加此css更改，请不要在html代码中包含

navbar fixed top

在

navbar

代码中添加

navbar固定顶部

，如下所示，这将固定

navbar

在顶部的位置

<nav class="navbar navbar-inverse navbar-fixed-top">

---

两者都很好。但是，如果要添加此css更改，请不要在html代码中包含

navbar fixed top

这是解决方案！！！！！只需添加

位置：固定

和

宽度：100%

nav.navbar.navbar-inverse {
    border-radius:0;
    background-color:rgba(0, 0, 0, 0.5); 
    border:none;
    margin-bottom:0;
    z-index:100;
    top:0;
    position: fixed;
    width:100%;
}

---

这就是解决办法！！！！！只需添加

位置：固定

和

宽度：100%

nav.navbar.navbar-inverse {
    border-radius:0;
    background-color:rgba(0, 0, 0, 0.5); 
    border:none;
    margin-bottom:0;
    z-index:100;
    top:0;
    position: fixed;
    width:100%;
}

---

“导航栏固定顶部”将该类添加到navbar@KevinAartsen您好，我下面的代码有效吗？？？@Logeshwaran我选择了这个选项，但感谢您的回答+1“navbar fixed top”将这个类添加到您的navbar@KevinAartsen嗨，我下面的代码有效吗？？？@Logeshwaran我选择了这个选项，但谢谢你的回答+1