How to Add Bootstrap 5 to React

In this lesson, we will see how to add Bootstrap 5 to React. We'll walk through the steps to add Bootstrap 5 to a React application.

Install Bootstrap 5

First, let's install Bootstrap 5 using npm.

npm install bootstrap

Import and use Bootstrap

Next, import the Bootstrap files into your src/index.js or src/main.js.

Now, you can use Bootstrap in your React project.

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