Different ways of using Bootstrap 4 in React application

Pankaj Kumar - Jan 20 '20 - - Dev Community

In this article, We will discuss about the different ways by which Bootstrap 4 can be added in React application.

What is Bootstrap?
As per Official Website:

It is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web. Bootstrap 4 is the latest version of Bootstrap.

In layman’s terms:

Bootstrap is a giant collection of handy, reusable bits of code written in HTML, CSS, and JavaScript. It’s also a front-end development framework that enables developers & designers to quickly build fully responsive websites.

Bootstrap saves you from writing lots of CSS code, giving you more time to spend on designing webpages.

What Is React?
React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”.

Different Ways to Include Bootstrap 4 in Your React Application
There are different ways by which you can add Bootstrap 4 into your application.

By Installing Bootstrap NPM library
By using Bootstrap CDN
Using React-Bootstrap library in React
Using Reactstrap

The above article is republished from https//jsonworld.com. Click here https://jsonworld.com/blog/different-ways-of-using-bootstrap4-in-react-application to read the complete article.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .