title: How to make the <li> item width fit the text length?
body: <p>How can I make the <code>&lt;li&gt;</code> item width fit the text length in Bootstrap 3? My menu item is shorter than the text which causes my <code>class="active"</code> to look ugly.</p>
  
  <p>This is the navbar in which it occurs:</p>
  
  <pre><code>&lt;div id="menu" class="col-md-1"&gt;
  &lt;ul class="nav nav-pills nav-stacked"&gt;
  &lt;li class="active"&gt;&lt;a href="#"&gt;Startseite&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="kontakt.php"&gt;Kontakt&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>