我试图以这种方式使用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
可能是什么原因?
该css上没有徽章类。尝试另一个版本(据我所见,有alpha.6版本)。使用以下链接:https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css
丢弃了
.badge
组件,因为它几乎与标签/标签相同。使用.tag-pill
修改器和标签组件代替圆角外观。
But they returned it(git issue)所以使用最新版本 - v4.0.0-alpha.6
不正确:
<span class="badge badge-default badge-pill">1</span>
正确:
<span class="badge badge-secondary badge-pill">1</span>
调试时是否禁用了浏览器缓存?这可能是原因。
我建议你使用开发人员工具来查看你的html输出是否也按预期呈现。
它刚才需要更新,因为我发现alpha 6不包含所有徽章(即徽章灯)。
今天最好使用最新的最终版本。使用此cdn链接最终发布https://www.bootstrapcdn.com/