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

Я не видел никаких примеров при поиске через Google. Я попытался сделать thead float слева и 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>[email protected]</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Peter</td>
            <td>Parker</td>
            <td>[email protected]</td>
        </tr>
        <tr>
            <td>3</td>
            <td>John</td>
            <td>Rambo</td>
            <td>[email protected]</td>
        </tr>
    </tbody>
</table>

Ответы

Ответ 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>[email protected]</td>
            <td>[email protected]</td>
            <td>[email protected]</td>
        </tr>
    </tbody>
</table>

Смотрите эта демонстрация