文章/答案/技术大牛

发布

问引导5 npm缺少警报类。
EN

Stack Overflow用户

提问于 2022-09-19 06:43:15

回答 2查看 41关注 0票数 0

我正在使用“引导”："^5.2.1"，在我的角13项目。但是，大多数组件都在工作，但是警报组件缺少一些样式。我有一个使用警报的警告，它有一个绿色的背景：

<div class="alert alert-primary" role="alert">
  A simple primary alert—check it out!
</div>

我也有两个警报，有警报-成功和警报-危险，他们没有背景色。我已经发现，只有警觉的主要作品和没有其他任何背景颜色。当我使用浏览器的检查器时，很明显，引导5缺少样式！！.alert类被应用，但是警报-危险和警报-成功，其余的在引导5。有更多的人在引导5的经验吗？

我在我的styles.scss文件中导入了"~bootstrap/scss/bootstrap.scss“样式，而不是css文件或cdn链接。引导5 scss文件是否有问题？

css

bootstrap-5

回答 2

Stack Overflow用户

发布于 2022-09-20 00:10:33

bootsrap.scss导入各种其他.scss文件：

https://github.com/twbs/bootstrap/blob/main/scss/bootstrap.scss

其中一个是_variables.scss，它具有默认的主题-颜色变量：

https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss#L312

也许您的项目中缺少了_variables.scss，并且无法导入？

票数 0

Stack Overflow用户

发布于 2022-09-19 06:53:49

我已经找到了解决办法。鞋带很奇怪。引导不是使用可以覆盖的固定样式，而是使用主题变量创建这些样式。当我定义主题颜色时，一切都起作用了。我将以下代码添加到我的scss文件中，警报再次工作：

$theme-colors: (
  "primary": rgba(0, 142, 126, 0.8),
  "danger": #e40017f1,
  "warning": #ba4523, 
);

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73769398

复制

相似问题

问引导5 npm缺少警报类。
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导5 npm缺少警报类。EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导5 npm缺少警报类。
EN