menu

Questions & Answers

Does laravel 9 supports bootstrap 5 icons?

This is my composer.json file of laravel 9 project

 "devDependencies": {
        "@popperjs/core": "^2.11.6",
        "axios": "^1.1.2",
        "bootstrap": "^5.2.3",
        "bootstrap-icons": "^1.10.3",
        "laravel-vite-plugin": "^0.7.2",
        "lodash": "^4.17.19",
        "postcss": "^8.1.14",
        "sass": "^1.56.1",
        "vite": "^4.0.0"
    },

This is my resoures/js/app.js file

import './bootstrap'
import '../sass/app.scss'
import * as bootstrap from 'bootstrap'
import '~bootstrap-icons/font/bootstrap-icons.css'

this is my resources/sass/app.scss

// Fonts
@import url('https://fonts.bunny.net/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import 'bootstrap/scss/bootstrap';
@import '~bootstrap-icons/font/bootstrap-icons.css';

Now, my view has bootstrap icons class but icons are not being seen in browser.

<i class="fs-4 bi-speedometer2">
<i class="fs-4 bi-house">

I am not seing any icons in my browser

Comments:
2023-01-21 23:30:06
What does Laravel have to do with supporting Bootstrap 5?
Answers(0) :