Twitter Bootstrap 中的响应式表处理

当表格的宽度超过跨度的宽度时，就像这个页面：http://jsfiddle.net/rcHdC/ http://jsfiddle.net/rcHdC/

您将看到表格的内容超出了span.

解决这种情况的最佳方法是什么？

引导程序3 http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/现在有开箱即用的响应式表格。万岁！ :)

您可以在这里检查：https://getbootstrap.com/docs/3.3/css/#tables-responsive https://getbootstrap.com/docs/3.3/css/#tables-responsive

Add a <div class="table-responsive">围住你的桌子，你应该可以走了：

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

要使其适用于所有布局，您可以执行以下操作：

.table-responsive
{
    overflow-x: auto;
}