title: What's the correct way to size an iframe in a Twitter bootstrap fluid layout?
body: <p>I have a 2-column fluid Twitter bootstrap layout, and want an iframe in one of the panes (it will contain the Google tasks widget -- <a href="https://mail.google.com/tasks/ig">https://mail.google.com/tasks/ig</a>). How do I set the width properly? I figured out how to set the style so it has a border (to distinguish it as external page content), but I can't make it fill one of the columns properly. This is what I currently have:</p>
  
  <pre><code>      &lt;iframe class="container well well-small"
            style="width: 80%; height: 400px; background-color: #f5e5c5;"
            src="https://mail.google.com/tasks/ig"&gt;
        &lt;/iframe&gt;
  </code></pre>
  
  <p>Full example (save as an HTML file): <a href="http://pastebin.com/1u2QeuZk">http://pastebin.com/1u2QeuZk</a></p>