title: Twitter bootstrap3: HTML5, non-cross-domain iframe scale width and height
body: <p>I know this has been asked many times before, but please read on.</p>
  
  <p>In <a href="http://getbootstrap.com/" rel="nofollow noreferrer">bootstrap 3</a>, I am trying to get an iframe to fill out a div.</p>
  
  <p>I have scoured the internet and SO extensively, and tried every single thing I have come across with no luck. </p>
  
  <p>Here is the scoop: </p>
  
  <ol>
  <li>I need to load an html-page in a narrow div ID. It is not cross-domain; I have control over both.</li>
  <li>I need to be able to style the content inside the iframe. Can I do that from "master" page (i.e the target page), or do I need to do that in the "incoming page", i.e. the iframe content html?</li>
  <li>the iframe must be flexible: the height and width (width because of responsive design) need to expand according to content.</li>
  </ol>
  
  <p>I am desperate, and wondering if Bootstrap3 is overriding something? </p>
  
  <p>I have tried a desperate amount of css alteration in combination with the long list of css and js-solutions listed below.</p>
  
  <p>Here are a bunch of things (not all) I have tried :-S</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/13307518/twitter-bootstrap-iframe-usage">Twitter Bootstrap iFrame usage?</a></li>
  <li><a href="https://stackoverflow.com/questions/13536015/whats-the-correct-way-to-size-an-iframe-in-a-twitter-bootstrap-fluid-layout">What&#39;s the correct way to size an iframe in a Twitter bootstrap fluid layout?</a></li>
  <li><a href="http://bootply.com/search?kw=iframe" rel="nofollow noreferrer">http://bootply.com/search?kw=iframe</a></li>
  <li><a href="https://stackoverflow.com/questions/7024574/get-and-set-iframe-content-height-auto-resize-dynamically-easy-solution-expandin">Set iframe content height to auto resize dynamically</a></li>
  <li><a href="https://stackoverflow.com/questions/325273/make-iframe-to-fit-100-of-containers-remaining-height">Make Iframe to fit 100% of container&#39;s remaining height</a></li>
  <li><a href="https://stackoverflow.com/questions/5606920/cross-domain-iframe-resizer/6940531#6940531">cross-domain iframe resizer?</a></li>
  <li><a href="https://stackoverflow.com/questions/4724499/to-fit-iframe-to-its-content-height">to fit iframe to its content height</a></li>
  </ul>