Question

在处理基于Bootstrap的项目时，我遇到了一个奇怪的问题，其中一些样式被用户代理样式表（在Chrome和Firefox中）覆盖。我找到了this related issue，它通过包含我最初省略的Vector3 position; void Update(){ if(Input.GetMouseButtonDown(0)) { this.position = Input.mousePosition;} else if(Input.GetMouseButton(0)){ float distance = Vector3.Distance(this.position, Input.mousePosition); } else if(Input.GetMouseButtonUp(0)) { this.position = Vector3.zero } }标记来解决。但现在我无法使用<!DOCTYPE html>，.table-inverse或.thead-inverse类来遮蔽我的表格标题。据我所知，我已经拥有了所有必要的行，容器等。

为什么阴影不起作用？

.thead-default

.navbar {
  border-radius: 0px
}

View on JSFiddle

Answer 1

对于像我这样的人发现这个帖子但使用Bootstrap 4.0.0-beta.2或更高版本， table-inverse 和 thead-inverse 已被here

的版本发布信息> -dark

Answer 2

确保您使用＆lt; th>相反＆lt; td＆gt;进入标题。

Answer 3

您还必须添加bootstrap-X.X-flex.css。

bootstrap-X.X.css
bootstrap-X.X-flex.css
bootstrap.js

其中X.X是版本号

或

使用此CDN：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha/css/bootstrap.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>

Answer 4

够容易。您在小提琴中链接的CSS表格不包含.table-inverse样式。

Answer 5

仅适用于旧版本的bootstrap。因为那里没有班级css。您可以将此设计添加到您的设计中thead-inverse我希望它肯定会像我一样工作。这背后的原因是bootstrap.css仅适用于.thead-inverse th { color: #fff; background-color: #373a3c; }的最新版本。

{{1}}

Bootstrap逆表和thead没有正确的样式

5 个答案: