Adding bootstrap to React.js project

There are multiple ways to add bootstrap in react project.

• Using bootstrap CDN
• Installing bootstrap dependency
• Using react bootstrap packages

Using bootstrap CDN

This is the simplest way to add bootstrap. Like other CDN, we can add bootstrap CDN in index.html of the react project.

Below is one of the react CDN url

If we need the JavaScript components of bootstrap then we should add the jquery, popper.js in the index.html

With this the complete index.html will look like −