Html Bootstrap 3.0-面板中的静态表格水平大小

Html Bootstrap 3.0-面板中的静态表格水平大小,html,twitter-bootstrap,twitter-bootstrap-3,html-table,Html,Twitter Bootstrap,Twitter Bootstrap 3,Html Table,我不明白为什么嵌套表的大小是静态的大,然后面板会随着浏览器的大小而减小。我能怎么办 <div class="panel panel-primary"> <table class="table"> ... ... 例如: 屏幕截图:如果您希望您的表格能够响应使用。表格响应类int eh div环绕表格,这将创建一个水平滚动条,以便您的内容不会被剪切 <div class="table-responsive"> <table

我不明白为什么嵌套表的大小是静态的大,然后面板会随着浏览器的大小而减小。我能怎么办

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

...
例如:
屏幕截图:

如果您希望您的表格能够响应使用。表格响应类int eh div环绕表格,这将创建一个水平滚动条,以便您的内容不会被剪切

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

...

您也可以尝试其他响应表解决方案,如

我发现它工作正常。。您在哪个浏览器上进行了测试?@prasannaarthi您试图使浏览器非常窄?桌子开始从嵌板中伸出来。我在Firefox 24和Chrome 30.0.1599.101上试用过。截图: