title: Getting Tabs to work for BootStrap
body: <p>I've looked through various other examples, but I still can't seem to my bootstrap tabs to work.
  My code is below. Can anyone lend me a hand?</p>
  
  <pre><code>&lt;body&gt;
      &lt;ul class="nav nav-tabs" id = "myTab"&gt;
          &lt;li class = "active"&gt;&lt;a href= "home" data-toggle="tab"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data-target="About" data-toggle="tab"&gt;About&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data-target="Events" data-toggle="tab"&gt;Events&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data-target="LargeGroups" data-toggle="tab"&gt;Large Groups&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data-target="SmallGroups" data-toggle="tab"&gt;Small Groups&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data-target="Admin" data-toggle="tab"&gt;Admin&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;div tab-content&gt;
          &lt;div class= "tab-pane active" id="About" &gt;
            &lt;p&gt;And this is the about tab.&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div id="Events" class="tab-pane"&gt;
            &lt;p&gt;And this is the photo tab.&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div id="LargeGroups" class="tab-pane"&gt;
            &lt;p&gt;This is the Large Groups tab.&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div id="SmallGroups" class="tab-pane"&gt;
            &lt;p&gt;Hi, this is the small groups tab.&lt;/p&gt;
          &lt;/div&gt;  
  
     &lt;/div&gt;&lt;!-- /.tab-content --&gt;
  
  
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>