Bootstrap 4 Bootstrap 4徽章不工作-只是没有出现

我试图以这种方式使用bootstrap 4徽章：

<td><span class="badge badge-warning">{{ object.get_type_display }}</span></td>

{{object.get\u type\u display}

我正在使用：

---

原因是什么？

调试时是否禁用浏览器缓存？ 这可能就是原因

我建议您使用开发人员工具查看html输出是否也按预期呈现。

:

丢弃了

.badge

组件，因为它与标签/标签几乎相同。将

.tag pill

修改器与标签组件一起使用，以获得圆形外观

---

（）所以使用最新版本-

该css上没有徽章类。尝试另一个版本（据我所知，在alpha.6版本上）。使用以下链接： 不正确：

<span class="badge badge-default badge-pill">1</span>

1

正确：

<span class="badge badge-secondary badge-pill">1</span>

1

这是很久以前的事了，因此需要更新，因为我发现alpha 6没有包含所有徽章（即徽章灯）

---

现在最好使用最新的最终版本。将此cdn链接用于最终realease

有一种棘手的方法将

徽章

与

警报

类混为一谈

示例：

<span class="badge alert-success">Active</span>

激活

Walp，我看这有点旧了，但到目前为止，badge是由bootstrap 4和5支持的（与这里的其他人可能说的情况相反）。。。但是在BootstrapFive中，不是徽章二级（或者信息或主要的，或者你有什么），而是bg二级（或者信息或主要的，或者你有什么）

---

这也是徽章背景可能不显示的一个（现代）原因。

在第二部分

class=“badge badge warning”

中，您可以编写

class=badge alert warning

而不是第二部分中的badge关键字，它帮助我编写代码。

原因是该css中没有badge类。该css中没有badge类。@xhulio没错！请将此作为答案添加。请编辑您的帖子并添加一些解释。如果OP需要

徽章警告

，为什么

徽章辅助

是正确的？为什么

badge default

不正确？（虽然我没有看到其他人在这篇文章中谈论

badgedefault

）