Jquery 引导导航条固定在顶部

好的，我在一个容器中有一个来自Bootstrap的标准导航条，它也是由Bootstrap设计的

<div class="container">
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container-fluid">
       <!-- Nav Bar Goes On From Here. Only Posted this as an examlpe -->

现在，当我将

navbar fixed top

类添加到navbar时，它从容器中出来，并在屏幕上从左到右填充。我意识到这是引导的默认行为，但如何让它保持容器的宽度？并以响应性强的方式进行操作。

使用此选项

@media (min-width: 1200px) {
    .navbar {
        position: fixed !important;
        top: 0px;
        width: 940px;
    }
}

---

或者为导航栏添加类容器。导航栏固定顶部的css非常简单：

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 0 0 1px;
}

加上

（我想这就是股票版的特点。）

---

如果您希望将其固定到顶部，但不希望其为全宽，那么您确实不希望navbar固定在顶部。您只需要在导航栏的样式/类中添加“top:0”之类的内容。

如果您将容器添加到

您将获得以下信息：

根据bootstrap文档，容器流体应该是全宽的。如果您将其更改为另一个
容器
，是否有帮助？
这只适用于不需要响应性标题的情况。我真的想要一些响应性强的内容，而不需要做大量工作。
.navbar-fixed-top {
  top: 0;
}

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