css - 在带有 Webpacker 的 Rails 6 中使用 Bootstrap 图标

Question

我想在测试版“Bootstrap 的官方开源 SVG 图标库”中使用 Bootstrap 图标。 https://icons.getbootstrap.com/ .这适用于 Rails 6 中的 Bootstrap 4。

我尝试了各种导入并包含在 application.js 和 application.scss 中，但没有成功

我该如何做到这一点？

Answer 1

您也可以通过 CSS 使用它，我发现它对旧的字形图标支持很方便且熟悉。首先，添加 Bootstrap 图标:

yarn add bootstrap-icons

然后，只需将其导入您的 application.js文件:

import 'bootstrap-icons/font/bootstrap-icons.css'

最后，无论您想在哪里使用它，只需使用 <i>标签:

<i class="bi bi-plus-circle"></i>

应该是这样!