title: Twitter Bootstrap iFrame usage?
body: <p>Just started exploring Twitter's Bootstrap and I like what I am seeing.  However I have a query over how to implement Tabs that contain an iFrame. I know iFrame's are awful, but when used correctly are useful for displaying different types of data.</p>
  
  <p>I have experience of jQueryUI Tabs which allows me to display iFrame's inside of tabs.  However I cannot find any documentation to do the same with Bootstrap.</p>
  
  <p>From a jQueryUI perspective I have done this in the past:</p>
  
  <pre><code>&lt;div id="tabs"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a class="tabref" href="#tabs-1" rel="page1-iframe.html"&gt;Page 1 Title&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class="tabref" href="#tabs-2" rel="page2-iframe.html"&gt;Page 2 Title&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="tabs-1"&gt;&lt;/div&gt;
    &lt;div id="tabs-2"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The above is more advanced than standard jQueryUI Tab implementation.It allows me to off-set the load of the iFrame until the tab is selected by the user which is best way to do it when loading numerous pages etc.</p>
  
  <p>However, I cannot see a similar way with Bootstrap.</p>
  
  <p>Looking for pointers here guys.</p>
  
  <p>Cheers
  Nick</p>