Html Bootstrap 4 CSS–覆盖默认标题侧：底部不工作

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

正如在开发者检查器中看到的那样，风格赢得了尽可能多的专一性。然而，标题顽固地保留在桌子下面。。。嘲笑我

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

究竟为什么检查员会显示标题的一面：顶部；当显示器不同意并在底部拍打它时

这里有一支简单的钢笔来说明这个问题。希望这是某人的灌篮，因为我很困惑

所有CSS：

.crtable{
caption-side: top;
}

您必须实现标题侧样式到标题

CSS

您必须实现标题侧样式到标题

CSS

---

请注意，您可以使用在堆栈溢出上共享代码，而不是仅在外部站点上共享代码。请注意，您可以使用在堆栈溢出上共享代码，而不是仅在外部站点上共享代码。这看起来很直观，不是吗？你们知道，我发誓它在桌子上起作用了。。。！一分钟。。。？如果不是因为这个，我可能最终会尝试这个。问题解决了。谢谢，德米特里。这看起来很直观，不是吗？你们知道，我发誓它在桌子上起作用了。。。！一分钟。。。？如果不是因为这个，我可能最终会尝试这个。问题解决了。谢谢，德米特里。

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