Html 我不能在我的网站上使用徽章和标签

我试着在我的网站上加入一些徽章和标签，比如

问题是，在我的情况下，它们不起作用，我不知道为什么

我制作了一个非常简单的索引页面和一个style.css来测试它。css文件在某种程度上可以工作，因为我更改了整个index.html的背景颜色，它工作得很好。但是标签都是灰色的，没有显示出应有的颜色

这是我的index.html页面

标签 .徽章{ 背景色：B5； 颜色：fff； 字体大小：12px； 字体大小：0.75rem； 线高：2； 字体大小：粗体； 填充：3px7px； 文本对齐：居中； 垂直对齐：基线； 空白：nowrap； } .标签{ 边界半径：4px； 显示：内联； } .徽章{ 边界半径：10px； 显示：内联块； 填充：1px7px； } .label[href]：悬停，.label[href]：焦点{ 颜色：fff； 光标：指针； 文字装饰：无； } a、 徽章：悬停，a。徽章：聚焦{ 颜色：fff； 光标：指针； 文字装饰：无； } .标签a， .徽章a{ 颜色：fff； 光标：指针； 文字装饰：无； } .标签：空， .徽章：空{ 显示：无； } 身体{背景颜色：珊瑚；} 阿斯达达萨 默认标签 灰色标签 绿色标签 蓝色标签 黄色标签 红色标签

---

您必须创建bg-*类bg green等等。 在样式表中，您需要添加如下内容

.bg-green{
  background-color: green;
}

---

如果您不打算使用完整的twitter引导，这种方法是可以的。然后你需要导入完整的css，但最好使用sass。

你的css文件遗漏了一些类，如bg yellow或bg gray，你应该创建它们或使用简明的CDN

你能创建一个stackblitz或类似的东西来测试吗？stacksnippet更好。无需离开站点您需要为Twitter引导导入样式表。您可能还需要导入一个javascript文件。据我所知，我们没有那样做。当然，您的示例可能遗漏了它。该文件中包含所有的.bg-：https://concisecss.com/archive/v2.0.0/css/concise.min.cssFeel 可自由删除问题此选项不提供问题的答案。若要评论或要求作者澄清，请在其帖子下方留下评论。-但是样式表中缺少bg-*类。这就是为什么没有显示徽章的原因。我将编辑答案