表格样式与文档示例不匹配答案

【问题标题】：Table styling not matching documentation examples表格样式与文档示例不匹配
【发布时间】：2020-06-08 21:22:51
【问题描述】：

当我从 Bootstrap 的文档中复制示例表时，styling rendered 与 the style shown in the examples 不匹配。

示例表应如下所示：

但是呈现如下：

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

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

为什么表格没有按照记录呈现？

【问题讨论】：

没有代码看就很难说。如果你能分享它，那就太好了。考虑到您正在使用带有主题的 Drupal，我会说您的主题包含 Bootstrap 表的 CSS 覆盖。您的主题的 CSS 将在 Bootstrap CSS 之后加载，因此会覆盖它。
是的，正如你写的那样，我想通了；这间接是一个 Drupal 主题问题。 Bootsrap Barrio 主题具有精细（且丑陋）的表格 css 覆盖。我会回答这个问题。

标签： bootstrap-4 html-table drupal css-tables

【解决方案1】：

还有其他 CSS 覆盖了 Bootstrap 的默认表格外观。 Bootstrap Barrio 主题在其css/componenets/table.css 中添加了各种表格样式。

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

【讨论】：