How to install bootstrap 5 in vue js 3 | use bootstrap 5 in vue 3

By Ved Prakash N | Feb 11, 2023 | Vue JS
Share : Whatsapp

https://www.fundaofwebit.com/post/how-to-install-bootstrap-5-in-vue-js-3-use-bootstrap-5-in-vue-3

How to install bootstrap 5 in vue js 3 | use bootstrap 5 in vue 3


In this post, you will learn how to use bootstrap 5+ in vue js 3 application.

Step 1: Install Bootstrap 5 version in vue 3

Install bootstrap 5.3 version by following command:

$ npm install bootstrap@5.3.0-alpha1

Install bootstrap 5.2 version by following command:

$ npm install bootstrap@5.2.3

Install bootstrap by following command:

$ npm install bootstrap


Step 2: Add the Bootstrap CSS and JS components to the Vue project entry point (i.e: src/main.js).

import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap'

You are all set to use bootstrap.

Thanks for reading.