Bootstrap-icons guide?

I’m trying to install Bootstrap Icons in a fresh install of Sage 10 today.

I’ve already removed Tailwind and added BOotstrap as per the docs guide.

I’ve imported the CSS in my app.sass file:

@import 'bootstrap-icons/font/bootstrap-icons.scss'

The icons don’t work and i can see that they are trying to be loaded from node_modules during yarn dev:

├─ assets
│  ├─ ../node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff   164.36 kB
│  ├─ ../node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff2  121.34 kB
│  └─ images/carousel.jpg                                                 77.9 kB

How can I have these automaically copied out into my public/fonts folder?
(I’m sure with webpack it was automatically handled?)

Is there a guide I can follow?

Thanks in advance

Not 100% sure why your icons aren’t working but might I suggest using the Blade Icons kit?

2 Likes