title: Boostrap tabs not working on codepen
body: <p>Is there anyone that can help me understand why the tabs within this code are not working on codepen? I enabled bootstrap in codepen settings, but still not working.. </p>
  
  <pre><code>&lt;ul class="nav nav-tabs"&gt;
      &lt;li class="active"&gt;&lt;a data-toggle="tab" href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a data-toggle="tab" href="#menu1"&gt;Menu 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a data-toggle="tab" href="#menu2"&gt;Menu 2&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div class="tab-content"&gt;
      &lt;div id="home" class="tab-pane fade in active"&gt;
          &lt;h3&gt;HOME&lt;/h3&gt;
          &lt;p&gt;Some content.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div id="menu1" class="tab-pane fade"&gt;
          &lt;h3&gt;Menu 1&lt;/h3&gt;
          &lt;p&gt;Some content in menu 1.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div id="menu2" class="tab-pane fade"&gt;
          &lt;h3&gt;Menu 2&lt;/h3&gt;
          &lt;p&gt;Some content in menu 2.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>