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

问题描述 投票:3回答:5

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

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

我正在使用:

https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css

可能是什么原因?

bootstrap-4 twitter-bootstrap-4
5个回答
2
投票

该css上没有徽章类。尝试另一个版本(据我所见,有alpha.6版本)。使用以下链接:https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css


5
投票

.badge was dropped in the v4

丢弃了.badge组件,因为它几乎与标签/标签相同。使用.tag-pill修改器和标签组件代替圆角外观。

But they returned itgit issue)所以使用最新版本 - v4.0.0-alpha.6


2
投票

不正确:

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

正确:

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

0
投票

调试时是否禁用了浏览器缓存?这可能是原因。

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


0
投票

它刚才需要更新,因为我发现alpha 6不包含所有徽章(即徽章灯)。

今天最好使用最新的最终版本。使用此cdn链接最终发布https://www.bootstrapcdn.com/

© www.soinside.com 2019 - 2024. All rights reserved.