Bootstrap 4 CSS - Overriding默认标题-侧:底部不工作

Question

我正在使用Bootstrap并试图将我的表格标题移回表格顶部，但我遇到了奇怪的阻力。

正如开发者检查员所看到的那样，风格赢得了最大程度的专用性。然而，标题却顽固地留在桌子下面...嘲笑我。

当我第一次添加标题端样式时，它工作得很好。在向表格中添加了一些内容和进一步的样式之后，它不再这样做了。现在，我已经将内容剥离到最基本的元素，但标题不会改变。

为什么检查员会显示“caption-side:top”，而显示器却不同意并在底部拍打它？

这里有一支简单的钢笔来说明这个问题。希望这是某人的扣篮，因为我被搞糊涂了。

所有CSS：

.crtable{
caption-side: top;
}

https://codepen.io/halfacre/pen/KJBJqZ

Answer 1

你必须在caption中实现caption-side风格。

(https://codepen.io/anon/pen/PVBLBB)

CSS

caption{
  color:red;
    caption-side: top;
}

Answer 2

仔细检查表格的标记。如果您的任何<td>、<tr>或<th>标记与<table>标准标记不一致，则可能会导致此错误。至少对我来说是这样！