title: How to make horizontal navigation bar using Bootstrap?
body: <p>I have this simple code in HTML using Bootstrap classes to create a navigation bar. I want my navigation bar to be horizontal so I added the <code>navbar-inverse</code> class. However, my navigation bar keeps showing vertical and I can't figure out why it does that even thought I tried different things to fix it.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;blog-masthead&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
      &lt;nav class=&quot;navbar navbar-inverse&quot;&gt;
        &lt;ul class=&quot;nav navbar-nav&quot;&gt;
          &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;blog-nav-item active&quot; href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;blog-nav-item&quot; href=&quot;#&quot;&gt;New features&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;ul class=&quot;nav navbar-nav navbar-right&quot;&gt;
          &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;blog-nav-item&quot; href=&quot;#&quot;&gt;{{ Auth::user()-&gt;name }}&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/nav&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>