title: Bootstrap 3 Nav Tabs on Top and Bottom of Page?
body: <p>I'm building a site in Bootstrap 3 and have figured out that you can indeed place both a top nav-tab and bottom nav-tab section on the same page. These two separate tab menus will trigger the same tab content areas to show/hide.</p>
  
  <p>Doing this works just fine with one problem.  The tabs work independently of one another. I need the top and bottom tabs to show the same active tab. Right now if you click tab 4 on the top tab menu, it will take you to tab 4 but the bottom menu still shows the active tab as tab 1.</p>
  
  <p>So, can Javascript/Jquery handle this issue? Just need them to act as the same menu.</p>
  
  <p>Thanks in advance for any help.</p>
  
  <pre><code>&lt;div class="tabbable tabs-below"&gt;
  </code></pre>
  
  <p>Should match top nav tabs.</p>
  
  <p><a href="http://jsfiddle.net/UT6ex/1/" rel="nofollow">http://jsfiddle.net/UT6ex/1/</a></p>