Table 单元格宽度比单元格内容宽

Table cell width wider than cells content

我不明白为什么 table 单元格宽度比单元格内容宽。

我想让列的宽度 Artikel 与内容对齐。我已经尝试过设置 th 宽度 - 但这是固定的,并且与内容不一致。还有其他解决办法吗?

我的例子是here

这是因为 bootstrap.min.css 中的 class table 如下所示。

.table {
    width: 100%;
    margin-bottom: 20px;
}

因此,如果您删除 table class,结果将是所需的。

Codepen Demo