How to install React Bootstrap in React Project

Hello friends today i am sharing with you how to install react bootstrap in react project

First To install React Bootstrap, you will need to have a recent version of Node.js and npm (the Node.js package manager) installed on your machine.

First, create a new React app using the following command:

npx create-react-app my-app

Next, navigate to the newly created app’s directory:

cd my-app
  1. Then, install React Bootstrap by running the following command:
npm install react-bootstrap bootstrap

After the installation is complete, you can import the Bootstrap CSS styles in your React app by adding the following line to the top of your src/index.js file:

import 'bootstrap/dist/css/bootstrap.css';
React Bootstrap in React Project

Finally you can use bootstrap in react

Leave a Comment