为什么即使两个表相同，响应性也会丢失？

Question

我正在使用上面Twitter Bootstrap 2.0中的相同示例，如图所示，然后使用手头的代码。它在屏幕尺寸变化方面没有很好的响应，如附图所示。这很奇怪。即使源代码看起来也一样。 ERR

<!-- Main hero unit for a primary marketing message or call to action --> 
<div class="hero-unit"> 

  <div class="row">
    <table class="table">
      <thead>
        <tr><th>#</th><th>First Name</th><th>Last Name</th><th>Username</th></tr>
      </thead>
      <tbody>
        <tr><td>1</td> <td>Mark</td>  <td>Otto</td>     <td>@mdo</td>    </tr>
        <tr><td>2</td> <td>Jacob</td> <td>Thornton</td> <td>@fat</td>    </tr>
        <tr><td>3</td> <td>Larry</td> <td>the Bird</td> <td>@twitter</td></tr>
      </tbody>
    </table>

    <table class="table table-bordered"> 
      <thead> 
        <tr> 
          <th>ID</th> 
          <th>Username</th> 
          <th>First Name</th> 
          <th>Last Name</th> 
          <th>Email Address</th>
          <th>Country</th>
          <th>Referrer</th>
        </tr>
      </thead>
      <tbody>
        <tr>

          <?php 

            if (isset($content) && !empty($content) && is_array($content)) {//2
              $i = 0;
              $entries = array();

              while(array_key_exists($i, $content)) {//1

                $entries[$i] = "\n" .'<td>'.$id[$i] .'</td>';
                $entries[$i] .= "\n" .'<td>'.$username[$i].'</td>';
                $entries[$i] .= "\n" .'<td>'.$first_name[$i].'</td>';
                $entries[$i] .= "\n" .'<td>'.$last_name[$i].'</td>';
                $entries[$i] .= "\n" .'<td>'.$email_address[$i].'</td>';
                $entries[$i] .= "\n" .'<td>'.$country[$i].'</td>';
                $entries[$i] .= "\n" .'<td>'.$where_about[$i].'</td>';
                //$entries[$i] .= '<td>'.$sample[$i].'</td>';

                echo $entries[$i];

                $i++;
              }//1
            }//2
          ?>

        </tr> 
      </tbody>
    </table>

  </div> <!-- row -->
</div> <!-- hero -->