在 Bootstrap v5.0.0-beta1 中，我可以将什么用于标签 (BS 3/4)？

Question

我想在 Bootstrap v5.0.0-beta1 中使用标签，但是如何使用？

在Bootstrap3中，我是这样使用的：

<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet" />

<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

在v5.0.0-beta1中，我可以使用哪个class作为标签？我无法在 Bootstrap 中找到任何名为 'label' 的 class 5.

提前致谢。

Answer 1

我认为你现在需要使用 Badge。

示例：

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>

<span class="badge bg-primary">Primary</span>
<span class="badge bg-secondary">Secondary</span>
<span class="badge bg-success">Success</span>
<span class="badge bg-danger">Danger</span>
<span class="badge bg-warning text-dark">Warning</span>
<span class="badge bg-info text-dark">Info</span>
<span class="badge bg-light text-dark">Light</span>
<span class="badge bg-dark">Dark</span>

官方参考：here

在 Bootstrap v5.0.0-beta1 中，我可以将什么用于标签 (BS 3/4)？

In Bootstrap v5.0.0-beta1 what can I use for labels (BS 3/4)?

html

javascript

twitter-bootstrap

bootstrap-5