html - Bootstrap 3.0 - Static table horizontal size in the panel

Question

I can not understand why the size of the nested table is static large then the panel decreases with the size of the browser. What can I do about it?

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

Example: http://www.bootply.com/88846 Screenshoot: https://db.tt/JDhkB7oQ

Answer 1

如果您希望您的表格具有响应性，请在表格周围使用 .table-responsive class int eh div，这将创建一个水平滚动条，这样您的内容就不会被切掉。

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

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