Twitter bootstrap 3 固定导航栏无法获得平行宽度时遇到问题？

我最近开始使用bootstrap，对Web设计来说也是个新手。 我的导航条没有增加.container流体的宽度，这最终导致无响应。我希望导航栏是固定的，并处于“高”z位置，以重叠内容。我一直在堆栈溢出上到处搜索以找到答案，但运气不好。能给我点启发吗

我目前没有确切的代码，但它看起来像：

<div class="container-fluid">
   <div class="navbar">
        <ul class="nav nav-pills" id="navbar">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
   </div>

在固定导航栏的引导中有一个CSS类（

navbar fixed top

）

将您的第一个

更改为

（nav是一个div，但它是HTML5标准）

将

导航栏默认设置

和

导航栏固定顶部

添加到您的

将您的

容器流体

div嵌套在您的

…

将链接标记添加到您的

项目中

HTML:

---

我希望这有帮助

请给我们一个代码片段好吗？请务必检查以下内容：--一般来说，最好复制并粘贴工作代码块，然后删除不需要的代码或进行相应调整。注意：如果您希望主体具有

容器流体

属性，则必须在

之后添加

 #navbar{
 position:fixed;
 z-index:999;
 background-color: rgba(0,0,0,0.7);
 }

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container-fluid">
    <ul class="nav nav-pills" id="navbar">
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
    </ul>
  </div>
</nav>

body{
    padding-top: 70px;
}