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

Question

当我从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。

为什么这些表不能按照文档的形式呈现？

Answer 1

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

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