Twitter bootstrap 如何在移动设备中打破引导表？

我试图创建一个响应表，在移动设备上将单元格折叠成行。我试图通过引导显示实用程序类来实现这一点，但找不到关于如何准确使用它们的示例

<table class='table table-bordered table-condensed table-striped table-hover'>
  <tr>
    <td class="d-table-row d-sm-table-cell">inline normally, full width on mobile</td>
    <td class="d-table-row d-sm-table-cell">Nama</td>
    <td class="d-table-row d-sm-table-cell">Email</td>
  </tr>
</table>

内联正常，全宽移动
纳米
电子邮件

Demo可以做到这一点，但细胞会以丑陋的方式分解并失去它们的填充物等。有更好的方法和方法吗

---

Bootstrap不提供此功能，尽管它们允许表在小屏幕上水平滚动（）Datatables可以使用Javascript实现这一点：对于仅CSS/HTML的解决方案，您可能需要两个表，一个在大屏幕上显示行和列，另一个在小屏幕上显示行。是的，太糟糕了。。。分开的桌子可能是个可行的主意！d-block d-sm-table-cell似乎也能满足我的需求。不确定它的语义是否正确。。。