How to create a table inside another table in bootstrap

Question

How to create a table inside another table in bootstrap-3. I tried, but it will appear after the first table I created, as shown below, but the result is different.

Answer 1

You need to do as below

<table class="table table-bordered">
  <th colspan="3">Outer Table</th>
  <tr>
    <td>This is row one, column 1</td>
    <td>This is row one, column 2</td>
    <td>
     <table class="table table-bordered">
       <th colspan="3">Inner Table</th>
       <tr>
         <td>This is row one, column 1</td>
         <td>This is row one, column 2</td>
         <td>This is row one, column 3</td>
       </tr>
     </table>
    </td>
  </tr>
</table>

Demo: http://jsbin.com/qilebevo/1/