响应式HTML表

Question

我已经创建了一个HTML表，其结构如下：

Title Text Title Text
Title Text Title Text

现在，在移动版(<768px)上，它应该更改为：

Title Text
Title Text
Title Text
Title Text

这可能吗（最好没有jQuery）？

HTML（使用Bootstrap）

<table class="table">
<tr>
    <th>Title Column 1</th>
    <td>Content Column 1</td>
    <th>itle Column 2</th>
    <td>Content Column 2</td>
</tr>
<tr>
    <th>Title Column 1</th>
    <td>Content Column 1</td>
    <th>itle Column 2</th>
    <td>Content Column 2</td>
</tr>
</table>

Answer 1

你走了！

.table{ width:100%;}
.table tr , .table th{
  float:left;
 }