Twitter bootstrap 引导导航栏宽度与容器相同

Twitter bootstrap 引导导航栏宽度与容器相同,twitter-bootstrap,Twitter Bootstrap,我使用的是bootstrap3。我不能给导航条与容器相同的宽度。如果它在大屏幕上工作,但在其他屏幕尺寸下不工作。我如何制作一个固定大小的导航栏,它将改变不同的屏幕,宽度与容器相同 <div class="row"><!--Start row--> <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation"> <div

我使用的是bootstrap3。我不能给导航条与容器相同的宽度。如果它在大屏幕上工作,但在其他屏幕尺寸下不工作。我如何制作一个固定大小的导航栏,它将改变不同的屏幕,宽度与容器相同

<div class="row"><!--Start row-->
     <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
         <div class="container">
                <div class="navbar-header"><!-- -->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="glyphicon glyphicon-arrow-down">Menu</span>
                    </button>

                </div>
                <div class="collapse navbar-collapse" id="collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Course List</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                </div><!--End Collapse-->
         </div>
     </nav><!--End Navbar-->
</div>

切换导航
菜单

我对此所做的修复是将
容器
类简单地放在
中,这将约束中堂栏为
容器
属性指定的宽度

代码如下:

<nav class="navbar navbar-default navbar-inverse navbar-fixed-top container" role="navigation">
         <div class="container-fluid">
                <div class="navbar-header"><!-- -->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="glyphicon glyphicon-arrow-down">Menu</span>
                    </button>

                </div>
                <div class="collapse navbar-collapse" id="collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Course List</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                </div><!--End Collapse-->
         </div>
     </nav>

切换导航
菜单

另外,将
包装在
中也不是必须的,我希望这就是您所寻找的。

只要将类容器流体转换为容器,您就完成了。为我工作…

您忘记了一个行类(第2行)


切换导航
菜单

发布您迄今为止尝试过的代码或创建一个有效的,thx bt相同的事情发生在我的旋转木马上我该怎么办?如果没有看到
代码,我不确定,但我猜旋转木马没有正确嵌套在您的
中。
或者您的
位置不正确。确保所有您想要的内容都集中在
中,通常在导航栏打开后的第一件事是