Html 如果我的表格中有许多内容不符合'；不适合我的屏幕？_Html_Css_Twitter Bootstrap_Twitter Bootstrap 3_Responsive

Html 如果我的表格中有许多内容不符合'；不适合我的屏幕？

html css twitter-bootstrap twitter-bootstrap-3

Html 如果我的表格中有许多内容不符合'；不适合我的屏幕？,html,css,twitter-bootstrap,twitter-bootstrap-3,responsive,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,Responsive,我在我的面板中添加了一个overflow-x:scroll，因为我的表中有很多列，这对滚动很有效。但是面板标题的蓝色停止在页面的右侧；在那之后的右边，面板标题是白色的，看起来很糟糕。如何使蓝色面板标题向右延伸，使其不只是在页面的右侧截断 <div class="panel panel-primary" style="overflow-x:scroll"> <div class="panel-heading">Heading</div>

我在我的面板中添加了一个

overflow-x:scroll

，因为我的表中有很多列，这对滚动很有效。但是面板标题的蓝色停止在页面的右侧；在那之后的右边，面板标题是白色的，看起来很糟糕。如何使蓝色面板标题向右延伸，使其不只是在页面的右侧截断

<div class="panel panel-primary" style="overflow-x:scroll">
    <div class="panel-heading">Heading</div>
        <table class="table table-striped">
            <tr>
                <th></th>
            </tr>
            <tr>
                <td></td>
            </tr>
        </table>
    </div>
</div>


标题

不要像使用

overflow-x:scroll时那样添加内联样式
问题的解决方案是在表周围添加一个.table-responsive
div
从：
通过在.table responsive中包装任何.table来创建响应表，使它们在小型设备上水平滚动（768px以下）。当查看任何大于768px的宽度时，您将不会在这些表中看到任何差异


标题
#
表格标题
表格标题
表格标题
表格标题
表格标题
表格标题
1.
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
2.
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
3.
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
我的回答对您有帮助吗？