html - Twitter Bootstrap 中的响应式表格处理

Question

当表格的宽度超过跨度的宽度时，如本页:http://jsfiddle.net/rcHdC/

您会看到表格的内容在 span 之外。

满足这种情况的最佳方法是什么？

Answer 1

Bootstrap 3现在有开箱即用的响应表。万岁! :)

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

添加 <div class="table-responsive">围绕着你的 table ，你应该可以开始了:

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

要使其适用于所有布局，您可以这样做:

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