Enable Bootstrap in ReactJS

We all know that ReactJS is the most poplar javascript library that exists in web developing community. React makes it painless to create interactive UIs. Design simple views for each state in your application. Even if its not a javascript framework its really powerful. 

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive web sites. it has many usefull css classes that we can use in our web apps. In this article we are going to look at how we can integrate bootstrap in our ReactJS web application to get the most out of thees two technologies to develop amazing , responsive and beautiful web apps without much pain.

In order to enable bootstrap on your react app first of all you have to install bootstrap using Node Package Manager(NPM) for this open the terminal and run the following code.

npm install react-bootstrap bootstrap

after you successfully install bootstrap you can import bootstrap to your project using import keyword.

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