gpt4 book ai didi

twitter-bootstrap - Bootstrap 逆表和样式不正确

转载 作者:行者123 更新时间:2023-12-03 21:01:10 24 4
gpt4 key购买 nike

在处理基于 Bootstrap 的项目时,我遇到了一个奇怪的问题,其中一些样式被用户代理样式表(在 Chrome 和 Firefox 中)覆盖。我找到了this related issue ,通过包含 <!DOCTYPE html> 解决了这个问题我最初省略的标签。但现在我无法获得 .table-inverse , .thead-inverse , 或 .thead-default类来遮蔽我的表头。据我了解,我拥有所有必要的行、容器等。

为什么阴影不起作用?

.navbar {
border-radius: 0px
}
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />

<h2 class="display-1">Bootstrap 4 Inverse Table</h2>

<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<table class="table table-inverse">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>


View on JSFiddle

最佳答案

对于像我这样找到此线程但使用 Bootstrap 4.0.0-beta.2 或更高版本的人,逆表逆序已替换为 -黑暗根据链接的版本发布信息here

关于twitter-bootstrap - Bootstrap 逆表和样式不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35233768/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com