title: Bootstrap 3: a responsive table inside an iFrame
body: <p>I'm using Bootstrap 3 and have issues with a table inside an iFrame or any contents. I want the iFrame contents to be treated as part of the page.<br>
  I've already removed the iFrame borders just to be clear.</p>
  
  <p>So for instance if the iFrame is 1000 pixels in width the contents inner page width should also be <code>1000px</code> @ 100%.</p>
  
  <p>I am using Bootstrap 3.</p>
  
  <p><img src="https://i.stack.imgur.com/WXJ60.jpg" alt="enter image description here"></p>
  
  <p>As you can see in the example, the iFrame has a scrollbar as it thinks its page size is 1920 width.</p>
  
  <pre><code>&lt;?php if(login_check($mysqli)==true): ?&gt;
  &lt;body&gt;
  &lt;div class="row-fluid"&gt;
      &lt;div class="col-md-4"&gt;
          &lt;h3&gt;Clients&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="col-md-8"&gt;
          &lt;select&gt;
              &lt;option value="name"&gt;First Name&lt;/option&gt;
              &lt;option value="surname"&gt;Surname&lt;/option&gt;
              &lt;option value="company"&gt;Company&lt;/option&gt;
              &lt;option value="date"&gt;Date&lt;/option&gt;
          &lt;/select&gt; 
      &lt;/div&gt;
      &lt;div class="col-md-12"&gt;
          &lt;table id ="example" class="table table-striped table-bordered"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Account&lt;/th&gt;
                      &lt;th&gt;Name&lt;/th&gt;
                      &lt;th&gt;Surname&lt;/th&gt;
                      &lt;th&gt;Phone&lt;/th&gt;
                      &lt;th&gt;Unit&lt;/th&gt;
                      &lt;th&gt;Street&lt;/th&gt;
                      &lt;th&gt;type&lt;/th&gt;
                      &lt;th&gt;Suburb&lt;/th&gt;
                      &lt;th&gt;Date&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
              &lt;?php
              $clients_list = "SELECT * FROM clients_table";
              $details = $mysqli-&gt;query($clients_list);
              while($row = mysqli_fetch_array($details))  {
                  echo '
                      &lt;tr&gt;
                          &lt;td&gt;&lt;input type="text" value="'.$row['_account'].'" id="_account'.$row['_account'].'" readonly="readonly"/&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type="text" value="'.$row['_first'].' " id="_first'.$row['_id'].'"/&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type="text" value="'.$row['_surname'].'"id="_surname'.$row['_id'].'"/&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type="text" value="'.$row['_phone'].'"id="_phone'.$row['_id'].'"/&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type="text" value="'.$row['_unit'].'" id="_unit'.$row['_id'].'"/&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type="text" value="'.$row['_street'].'" id="_street'.$row['_id'].'"/&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type="text" value="'.$row['_type'].'" id="_type'.$row['_id'].'"/&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type="text" value="'.$row['_suburb'].'"id="_suburb'.$row['_id'].'"/&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;input type="text" value="'.$row['_email'].'"id="_email'.$row['_id'].'"/&gt;&lt;/td&gt;  
                      &lt;/tr&gt;';
              }
              ?&gt;          
              &lt;/tbody&gt;
          &lt;/table&gt;                                                        
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>