Bootstrap 3.0 - 面板中的静态表水平尺寸

Question

我无法理解为什么嵌套表的大小是静态大的，然后面板会随着浏览器的大小而减小。我该怎么办呢？

<div class="panel panel-primary">
    <table class="table">
        ...

示例：http://www.bootply.com/88846 屏幕截图：https://db.tt/JDhkB7oQ

Answer 1

如果你希望你的表能够响应，请使用.table-responsive class int eh div around table，这将创建一个水平滚动条，这样你的内容就不会被删除。

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

您还可以尝试其他响应式表格解决方案，例如http://elvery.net/demo/responsive-tables/