title: How can I load external pages in the same tab with twitter-bootstrap framework?
body: <p>I can't find examples of "first senario" in <a href="http://bootstrap.stage42.net/doc/navigation" rel="nofollow">Basic tabs example</a> on Tabs used as regular navigation (loading external pages in the same tab).</p>
  
  <p>I've this tabs :</p>
  
  <pre><code>  &lt;ul class='tabs'&gt;
      &lt;li class='active'&gt;&lt;a href='/' id=''&gt;All Repos&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/cms/watchers' id='cms'&gt;CSS&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/css/watchers' id='css'&gt;CMS&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/ruby/watchers' id='ruby'&gt;CMS&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href='/framework/watchers' id='framework'&gt;CMS&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p><strong>"All Repos"</strong>, is active by default, but when I click <strong>cms</strong> for example, I get the page but the tab doesn't get active.</p>
  
  <p>Here the rest of the page I get back :</p>
  
  <pre><code>  &lt;div class='tab-content'&gt;
      &lt;div class='active tab-pane' id='cms'&gt;&lt;/div&gt;
        &lt;table&gt;
          &lt;thead&gt;
            &lt;tr class='row'&gt;
              &lt;th&gt;repo&lt;/th&gt;
              &lt;th&gt;watchers&lt;/th&gt;
              &lt;th&gt;forks&lt;/th&gt;
              &lt;th&gt;description&lt;/th&gt;
              &lt;th&gt;created&lt;/th&gt;
              &lt;th&gt;pushed&lt;/th&gt;
              &lt;th&gt;tags&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr class='row'&gt;
              &lt;td&gt;
                &lt;a href="https://github.com/mojombo/jekyll"&gt;mojombo/jekyll&lt;/a&gt;
              &lt;/td&gt;
              &lt;td&gt;4473&lt;/td&gt;
              &lt;td&gt;715&lt;/td&gt;
              &lt;td&gt;Jekyll is a blog-aware, static site generator in Ruby&lt;/td&gt;
              &lt;td&gt;Mon, Oct 20 at  6:29am&lt;/td&gt;
              &lt;td&gt;Sun, Nov 27 at  2:48am&lt;/td&gt;
              &lt;td class='4ee287831d41c8281f000166'&gt;cms&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
    &lt;/div&gt;
    &lt;script&gt;
      //&lt;![CDATA[
        $(function () {
          $('.tabs').tabs()
        })
      //]]&gt;
    &lt;/script&gt;
  </code></pre>
  
  <p>I need to have tabs containing pages (not relative content insight the page), something like the following example: <a href="http://rails-admin-tb.herokuapp.com/admin/balls" rel="nofollow">http://rails-admin-tb.herokuapp.com/admin/balls</a>, but it doesn't work.</p>
  
  <p>Any idea ?</p>