title: Make top navbar horizontally scrollable in non-responsive bootstrap template
body: <p>I have bootstrap template which has been made non-responsive using <a href="http://getbootstrap.com/examples/non-responsive/" rel="nofollow">this guide</a> everything works great. However top nav-bar doesnot scroll horizontally, when window size is smaller.</p>
  
  <p>The example of the issue is <a href="http://getbootstrap.com/examples/non-responsive/" rel="nofollow">that page</a> as well. If we squeeze the window size a bit than the "Link" buttons at top right are not accessible. But the guide itself says:</p>
  
  <pre><code>"Any fixed component, such as a fixed navbar, will not be scrollable when the viewport becomes narrower than the page content."
  "There is no way around this as it's default browser behavior. The only solution is a responsive layout or using a non-fixed element."
  </code></pre>
  
  <p>Responsive feature is not required, as many of the suggested solutions make top navbar behave as responsive. Just wanted to ask from community if there is any kind of solution to make top navbar horizontally scrollable with rest of the page contents.</p>
  
  <p>Following is current HTML structure</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
      &lt;div class="container-fluid"&gt;
          &lt;div class="navbar-header"&gt;.....&lt;/div&gt;
          &lt;div class="navbar-collapse collapse pull-right"&gt;.....&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>