title: Bootstrap table nested
body: <p>How to make nested table with Bootstrap:</p>
  
  <pre><code>| User name |  Email  |  User Phone
  -----------------------------------
  | user 01   |  mail01 |  060060060
  | user 02   |  mail02 |  060060060
  -----------------------------------
  | User 02 Details -&gt; HOW TO MAKE THIS TD? ***
  -----------------------------------
  | user 03   |  mail03 |  060060060
  </code></pre>
  
  <p>If I try to enter in this way the all table resizes in a wierd way acording to width of that detail TD:</p>
  
  <pre><code>&lt;table&gt;
      &lt;thead&gt;
          &lt;td&gt;Name&lt;/td&gt;
          &lt;td&gt;Mail&lt;/td&gt;
          &lt;td&gt;Phone&lt;/td&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;User 01&lt;/td&gt;
              &lt;td&gt;Mail 01&lt;/td&gt;
              &lt;td&gt;060060060&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;User 02&lt;/td&gt;
              &lt;td&gt;Mail 02&lt;/td&gt;
              &lt;td&gt;060060060&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;User 02 Details&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;User 03&lt;/td&gt;
              &lt;td&gt;Mail 03&lt;/td&gt;
              &lt;td&gt;060060060&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How to fix this so the whole table stays same just insert that one row of 100% width of a page?</p>