title: Twitter Bootstrap tabbed form
body: <p>I am doing a webpage with the Bootstrap framework. I want to have a single page, with a form that pops up and has two or three tabs on it. I want this,</p>
  
  <p><img src="https://i.stack.imgur.com/Mh9Um.png" alt="Bootstrap example"></p>
  
  <p>The tabs for "The Markup", "The CSS", "The JavaScript". I have them showing up on the top left of the page like it's on the main navbar, but I can't get them anywhere else.</p>
  
  <p>Ideally, I'd like them to be on top of a form and switch between the forms.</p>
  
  <p>Another question that's probably elementary, but to get the buttons like I have them I used this code,</p>
  
  <pre><code>&lt;div class="note-tabs"&gt;
          &lt;ul class="nav nav-tabs"&gt;
              &lt;li class="active"&gt;&lt;a href="#navbar-fixed-html" data-toggle="tab"&gt;&lt;strong&gt;The Markup&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#navbar-fixed-css" data-toggle="tab"&gt;&lt;strong&gt;The CSS&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#navbar-fixed-js" data-toggle="tab"&gt;&lt;strong&gt;The JavaScript&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What does it mean when the href field has a # at the front? This is from an example page at tutsplus and this is what came with the download. There isn't a separate html file for those, so what exactly is that linking to?</p>
  
  <p>Thanks</p>
  
  <p>UPDATE</p>
  
  <p>Here is the form I have, I want to add tabs to the top of this form. One tab that selects this form and another tab that will select another form. The form is place in the middle of the page </p>
  
  <p><a href="http://jsfiddle.net/BS4Te/3/" rel="nofollow noreferrer">http://jsfiddle.net/BS4Te/3/</a></p>