title: Bootstrap Navbar width same as container
body: <p>I am using Bootstrap 3 . i can't give the navbar same width with the container. if it works in large screen but don't work in other  screen size. How can i make a fixed size of my navbar which will change different screen with the same width as container has.</p>
  
  <pre><code>&lt;div class="row"&gt;&lt;!--Start row--&gt;
       &lt;nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation"&gt;
           &lt;div class="container"&gt;
                  &lt;div class="navbar-header"&gt;&lt;!-- --&gt;
                      &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse"&gt;
                          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                          &lt;span class="glyphicon glyphicon-arrow-down"&gt;Menu&lt;/span&gt;
                      &lt;/button&gt;
  
                  &lt;/div&gt;
                  &lt;div class="collapse navbar-collapse" id="collapse"&gt;
                      &lt;ul class="nav navbar-nav"&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Course List&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;&lt;!--End Collapse--&gt;
           &lt;/div&gt;
       &lt;/nav&gt;&lt;!--End Navbar--&gt;
  &lt;/div&gt;
  </code></pre>