title: Bootstrap: Subnav does not have the same style as on demo site
body: <p>My bootstrap subnav does not look the same as the one on the demo site. Here's my markup:</p>
  
  <pre><code>&lt;div class="subnav"&gt;
      &lt;ul class="nav nav-pills"&gt;
          &lt;li&gt;&lt;a href="#demoModal"&gt;Modal&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#demoTabs"&gt;Tabs&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#demoAccordion"&gt;Accordion&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#demoOther"&gt;Other&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and an image of what I am seeing:</p>
  
  <p><img src="https://i.stack.imgur.com/YAJ6P.png" alt="Bad"></p>
  
  <p>and here is what I am trying to replicate:</p>
  
  <p><img src="https://i.stack.imgur.com/EYAcL.png" alt="Good"></p>
  
  <p>I tried copying the markup exactly, but to no avail. I wondered if maybe it had something to do with the parent elements being different.. so I moved mine into a "container-fluid" classed div, but that didn't help. Maybe someone here can spot something my eye missed..</p>