[FIXED] How to add Bootstrap to React app and use classes inside

Issue

Can someone please explain how to add bootstrap to react app and how to use them inside react components since we can not add CDN links and "class" attribute inside a react app. Would you kindly please explain how to use bootstrap components inside react app. This will really helpful for me since i'm a very beginner to react developer..

Solution

Read this https://react-bootstrap.github.io/getting-started/introduction

     1. install react-bootstrap

                npm install react-bootstrap bootstrap


     2. import css file in your index.js or app.js

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

             <link
              rel="stylesheet"
              href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
              integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
              crossorigin="anonymous"
             />

      3. import components like

                import { Button } from 'react-bootstrap';

You can use normal bootstrap classes like className="row"

Answered By - CraZyDroiD

Answer Checked By - Timothy Miller (PHPFixing Admin)