Integrate bootstrap to react application

This blog simply shows how to integrate bootstrap in your react application

First install bootstrap in your react app, using below command

npm install bootstrap react-bootstrap --save

This installs bootstrap to your app and adds it to your package.json file. In your node_modules folder you can check if bootstrap is correctly installed.

node_modules 
   - bootstrap
     - dist
      - css

In the index.js file of your react app add the following line to include bootstrap css into your app

import 'bootstrap/dist/css/bootstrap.css';

The above line will include bootstrap css for the whole react app and tada you can use the css components and react-bootstrap components in your app directly.