How to import Bootstrap v4 in your React App

There are two ways we can import Bootstrap (or any other CSS frameworks) in our React App.

Way #1

Just include its CDN link in the index.html file.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRXQ6jW5DO2ekP5ViFdi" crossorigin="anonymous">

Way #2

Yet another better way is to include it as a package in our app.

npm install bootstrap@4.0.0-alpha.5 --save

import 'bootstrap/scss/bootstrap.scss'