Bootstrap 4 如何防止引导4中的表超出卡体宽度？

下面是我的代码示例：

评论
新增
查看所有
主题
作者
日期
年
编辑
删除
这是一个测试注释
约翰·威克
06/28/2019
2019
编辑
删除

引导程序有一个类

.table responsive

，您可以使用它来创建一个响应表。如果需要，它将添加一个水平滚动条

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

...

阅读更多：

---

旁注-使用最新版本的引导和jQuery，因为旧版本可能有bug。

JS-Bin
评论
新增
查看所有
主题
作者
日期
年
编辑
删除
这是一个测试注释
约翰·威克
06/28/2019
2019
编辑
删除

尝试此解决方案，您可以相应地进行编辑

评论
新增
查看所有
主题
作者
日期
年
编辑
删除
这是一个测试注释
约翰·威克
06/28/2019
2019
编辑
删除

获取表格滚动条或将表格内容缩小（无填充物）……这是错误的。您不能将

.table

更改为

.table responsive

。您必须将

.table responsive

添加到父元素。这没有错。table只有以下属性，这些属性不难使用。表{宽度：100%；页边距底部：1rem；背景色：透明；}此代码不会做出重大更改，顺便说一句，感谢您的评论。这是错误的

.table responsive

必须添加到

.table

的父元素中。