我试图以这种方式使用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
可能是什么原因？
答案 0 :(得分：5)
删除
.badge组件，因为它几乎与标签/标签相同。将.tag-pill修饰符与标签组件一起使用，代替圆角外观。
But they returned it（git issue）所以请使用最新版本 - v4.0.0-alpha.6
答案 1 :(得分：2)
该css上没有徽章类。尝试另一个版本（据我所见，有alpha.6版本）。使用以下链接： https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css
答案 2 :(得分：2)
不正确：
<span class="badge badge-default badge-pill">1</span>
正确：
<span class="badge badge-secondary badge-pill">1</span>
答案 3 :(得分：1)
有一种将DictParameter与<profile>
<id>xdoclet</id>
<activation>
<property>
<name>xdoclet</name>
</property>
</activation>
<build>
<plugins>
<plugin>
<groupId>org.codehaus.mojo</groupId>
<artifactId>xdoclet-maven-plugin</artifactId>
<executions>
<execution>
<phase>generate-sources</phase>
<goals>
<goal>xdoclet</goal>
</goals>
<configuration>
<tasks>
<ejbdoclet
destDir="${project.build.sourceDirectory}"
force="true" ejbSpec="2.0"
verbose="true">
<fileset
dir="${project.build.sourceDirectory}">
<include name="**/*Bean.java" />
</fileset>
<packageSubstitution
packages="service" useFirst="true"
substituteWith="interface" />
<homeinterface />
<remoteinterface />
<deploymentdescriptor
displayname="Service Name"
description=""
destDir="${basedir}/src/main/resources/META-INF"
validateXML="true" useIds="true" />
<websphere
destDir="${basedir}/src/main/resources/META-INF"
validateXML="true" />
</ejbdoclet>
</tasks>
</configuration>
</execution>
</executions>
</plugin>
</plugins>
</build>
</profile>
<profile>
<id>was-ejb</id>
<activation>
<property>
<name>was-ejb</name>
</property>
</activation>
<build>
<plugins>
<plugin>
<groupId>org.codehaus.mojo</groupId>
<artifactId>was6-maven-plugin</artifactId>
<executions>
<execution>
<goals>
<goal>ejbdeploy</goal>
</goals>
</execution>
</executions>
<configuration>
<wasHome>C:/Program Files/IBM/WebSphere/AppServer</wasHome>
</configuration>
</plugin>
</plugins>
</build>
</profile>
类混合使用的棘手方法。
示例：
badge答案 4 :(得分：1)
在第 class="badge badge-warning" 部分中，您可以在第二部分中编写 class=badge alert-warning 代替徽章关键字，它帮助我编写了代码。
答案 5 :(得分：0)
调试时是否禁用了浏览器缓存？ 这可能是原因。
我建议您使用开发人员工具来查看您的html输出是否也按预期呈现。
答案 6 :(得分：0)
之前所以它需要更新，因为我发现alpha 6并不包含所有徽章（即徽章灯）。
今天最好使用最新的最终版本。使用此cdn链接进行最终重新发布https://www.bootstrapcdn.com/
答案 7 :(得分：0)
Walp，我看到这有点旧，但截至目前，引导程序 4 和 5 支持徽章（与这里有人说的情况相反）......但在引导程序 5 中，相反徽章次要（或信息或主要或你有什么），它是 bg 次要（或信息或主要或你有什么。）
这也是徽章背景可能不显示的（现代）原因。