如何使用Bootstrap在移动设备上显示表格？

我的桌面在桌面上显示效果不错，但是一旦我尝试查看移动版本，我的桌面就会变得太宽而无法显示移动设备屏幕。我正在使用响应式布局。

如何为移动视图设置表格宽度？还有什么其他的替代scheme来使用Bootstrap在移动视图上显示表格数据？

Bootstrap 3引入了响应表：

<div class="table-responsive"> <table class="table"> ... </table> </div>

感谢Jason Bradley提供的例子：

响应表

你也可以考虑尝试这些方法之一，因为即使它工作，较大的表格在手机上也不是很友好：

我偏爱“没有更多的表”，但显然取决于您的应用程序。

引导程序中的所有表根据它们所在的容器进行扩展。您可以将表放在.span元素中以控制大小。这个SO问题可能会帮助你

为什么Twitter Bootstrap表格总是有100％的宽度？