DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 967,611 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Sarah Hassan
Sarah Hassan

Posted on

Download Bootstrap 5 using npm

Today I will list steps needed to download Bootstrap 5 using npm.

1- Install Bootstrap.

npm install bootstrap

2- Use Bootstrap:
You have 2 options to import Bootstrap's JS.

Option 1:
import all of Bootstrap’s plugins so you will not need @popperjs/core package

import '../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js';
Enter fullscreen mode Exit fullscreen mode

Option 2:
Import just plugins you need. Then you will need to install and import @popperjs/core package before import bootstrap plugins

a- Install @popperjs/core package.

npm i @popperjs/core

b- In your app.js file import bootstrap and @popperjs/core.

import '../../node_modules/@popperjs/core/dist/umd/popper.min.js';

import 'bootstrap/js/dist/dropdown';
Enter fullscreen mode Exit fullscreen mode

c- Import Bootstrap's CSS.

@import "bootstrap/scss/bootstrap";

Top comments (0)

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.