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

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

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

Bootstrap 3引入了响应表 :

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

感谢Jason Bradley提供的例子:

响应表

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

http://elvery.net/demo/responsive-tables/

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

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

为什么Twitter Bootstrap表格总是有100%的宽度?