title: How do you use mvc views to fill bootstrap tabs?
body: <p>I am building an MVC application and am trying to use twitter bootstrap to build a responsive ui.  I have setup my navigation as follows:</p>
  
  <pre><code>  &lt;div class="nav navbar-fixed-top"&gt;
          &lt;ul class="nav nav-tabs"&gt;
              &lt;li class="active"&gt;&lt;a href="#pane1" data-toggle="tab"&gt;Dashboard&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="#pane2" data-toggle="tab"&gt;Sell&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="#pane3" data-toggle="tab"&gt;Products&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="#pane4" data-toggle="tab"&gt;Customers&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="#pane5" data-toggle="tab"&gt;Settings&lt;/a&gt;&lt;/li&gt; 
              &lt;li&gt;&lt;a href="#pane6" data-toggle="tab"&gt;Help&lt;/a&gt;&lt;/li&gt; 
          &lt;/ul&gt;                                                 
      &lt;/div&gt;
      &lt;div&gt;
          &lt;div class="tab-content"&gt;
              &lt;div id="panel1" class="tab-pane"&gt;
                  page 1
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--Panels 2-6 are omitted to save space --&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My question is what is optimal solution. 
  1) To find a way, to put this in a Razor Layout and load the individual panes as RenderSections
  2) To scrap the Razor Layout and just apply the navigation to all content pages</p>