title: Bootstrap: Multiple pages (divs) and navbar
body: <p>i would like to use this popular template:</p>
  
  <p><a href="http://getbootstrap.com/examples/navbar/" rel="noreferrer">http://getbootstrap.com/examples/navbar/</a></p>
  
  <p>I don't want to link to about.htm or contact.htm, this content should be inside the template (multiple pages / divs).</p>
  
  <p>This must look something like this:</p>
  
  <pre><code>&lt;div&gt;
  &lt;div id="home"&gt;home...&lt;/div&gt;
  &lt;div id="about"&gt;about...&lt;/div&gt;
  &lt;div id="contact"&gt;contact...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But how to "link" from the nav-tabs to the divs?</p>
  
  <p>This doesn't work:</p>
  
  <pre><code>&lt;div id="navbar" class="navbar-collapse collapse"&gt;
  &lt;ul class="nav navbar-nav"&gt;
  &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Many thanks!</p>