Заголовок таблицы на левой стороне в Bootstrap?

Question

Я не видел примеров во время поиска через Google. Я пробовал сделать thead поплавок слева и tbody справа, но это не сработало. Как иметь заголовок таблицы на левой стороне, а не показывать ее сверху?

<table class="table"> 
    <thead> 
     <tr> 
      <th>Row</th> 
      <th>First Name</th> 
      <th>Last Name</th> 
      <th>Email</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td>John</td> 
      <td>Carter</td> 
      <td>johncarter@mail.com</td> 
     </tr> 
     <tr> 
      <td>2</td> 
      <td>Peter</td> 
      <td>Parker</td> 
      <td>peterparker@mail.com</td> 
     </tr> 
     <tr> 
      <td>3</td> 
      <td>John</td> 
      <td>Rambo</td> 
      <td>johnrambo@mail.com</td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

Если вы хотите заголовки вниз по левой стороне стола, просто напишите разметку по-разному:

<table class="table"> 
    <tbody> 
     <tr> 
      <th>Row</th> 
      <td>1</td> 
      <td>2</td> 
      <td>3</td> 
     </tr> 
     <tr> 
      <th>First Name</th> 
      <td>John</td> 
      <td>Peter</td> 
      <td>John</td> 
     </tr> 
     <tr> 
      <th>Last Name</th> 
      <td>Carter</td> 
      <td>Parker</td> 
      <td>Rambo</td> 
     </tr> 
     <tr> 
      <th>Email</th> 
      <td>johncarter@mail.com</td> 
      <td>peterparker@mail.com</td> 
      <td>johnrambo@mail.com</td> 
     </tr> 
    </tbody> 
</table> 

См this demo