bootstrap-4 - 表格样式与文档示例不匹配

Question

当我从 Bootstrap 的文档中复制示例表时，呈现的样式与示例中显示的样式不匹配。

以下是示例表的外观：

但改为这样呈现：

我玩弄了不同的样式类，它们似乎都在做一些事情，但它们并没有像文档中描述的那样呈现。我验证了我正在查看的文档版本与我的源代码中链接的版本相匹配<link rel="stylesheet" media="all" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" />

如果相关，我正在使用带有 Bootstrap Barrio 自定义子主题的 Drupal。

为什么表格不按记录呈现？

标签： bootstrap-4html-tabledrupalcss-tables

Answer 1

还有其他 CSS 覆盖了 Bootstrap 的默认表格外观。Bootstrap Barrio 主题在其css/componenets/table.css.

要消除部分或全部自定义表格样式，请编辑您的子主题info.yml和文件，或者根据自己的喜好libraries.yml复制和编辑文件。table.css