title: Removing white space below iframe
body: <p>I am currently trying to remove white space below my iframe when resizing. I am mainly using Bootstrap for CSS. The goal is to have the iframe take 100% of the page below the navbar.</p>
  
  <p><a href="https://i.stack.imgur.com/PtCkm.png" rel="nofollow noreferrer">Example of iframe being cut off and white space trailing</a></p>
  
  <p>This is how I am calling the iframe:</p>
  
  <pre><code>&lt;div class="embed-responsive embed-responsive-16by9"&gt;
    &lt;iframe class="embed-responsive-item" src="site/index.html"&gt;
      &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
    &lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The only other element in the page is the navbar.</p>
  
  <p>I have tried the following:
  Changing the iframe to display:block
  height and width:100%
  overflow:hidden
  overflow-y:hidden</p>
  
  <p>Thank you.</p>