title: bootstrap 3 inside an iframe, how to make the responsive menu work?
body: <p>I have a problem with boostrap 3, when it is inside an iframe the responsive menu does not work, with bootstrap 4 if it works, it has to be with bootstrap 3, the index.html has the following code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt;
  &lt;head&gt;
    &lt;meta name="description" content="ARCSA SERVICES PROTECTION, LLC"&gt;
  
    &lt;title&gt;ARCSA SERVICES PROTECTION, LLC | Credit Rating&lt;/title&gt;
  &lt;style&gt;
          iframe.menu {
              position: absolute;
              top:0;
              left: 0;
              width: 100vw;
              height: 100vh;
           }
           .mainContent {
             float:left;
             width:75%;
             height:80%;
           }    
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;iframe class="menu col-lg-12 col-md-12 col-sm-12" src="https://bootswatch.com/3/cyborg/"&gt;&lt;/iframe&gt;
  
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and if I change to bootstrap4 it works well, how can I make bootstrap3 work?</p>
  
  <pre><code>&lt;!-- Thi is bootstrap4 --&gt;
  &lt;iframe class="menu col-lg-12 col-md-12 col-sm-12" src="https://bootswatch.com/cyborg/"&gt;&lt;/iframe&gt;
  </code></pre>