SHELL

react bootstrap

// Install react-bootstrap and bootstrap module 
npm i react-bootstrap bootstrap

// Import bootstrap so that the styles work
import 'bootstrap/dist/css/bootstrap.min.css';

// Use react-bootstrap
import { Button } from 'react-bootstrap'

{ // Some Component
  <Button /> // Displays a nice blue button :)
}

react bootstrap

1.run following commnad in cmd:
npm install bootstrap --save

2.after install add this to index.js:
import 'bootstrap/dist/css/bootstrap.min.css';

react bootstrap

npm install react-bootstrap@next bootstrap@5.1.1

react bootstrap

npm install react-bootstrap bootstrap@5.1.3

bootstrap react

npm install bootstrap 
import 'boottrap/dist/css/bootstrap.min.css'

react bootstrap

*/ npm install react-bootstrap bootstrap 
import 'bootstrap/dist/css/bootstrap.min.css';

import Button from 'react-bootstrap/Button';

// or less ideally
import { Button } from 'react-bootstrap';

<>
  <Button variant="primary">Primary</Button>{' '}
  <Button variant="secondary">Secondary</Button>{' '}
  <Button variant="success">Success</Button>{' '}
  <Button variant="warning">Warning</Button>{' '}
  <Button variant="danger">Danger</Button> <Button variant="info">Info</Button>{' '}
  <Button variant="light">Light</Button> <Button variant="dark">Dark</Button>{' '}
  <Button variant="link">Link</Button>
</>

react bootstrap

{/* The following line can be included in your src/index.js or App.js file*/}
import 'bootstrap/dist/css/bootstrap.min.css';

react bootstrap

### Installation ###
npm install react-bootstrap@next bootstrap@5.0.2

react bootstrap

npm install react-bootstrap bootstrap

react bootstrap

Install Bootstart to React React.js Application:
npm install react-bootstrap bootstrap@(Current Version) 5.1.3

react bootstrap

npm install react-bootstrap bootstrap@4.6.0

react bootstrap

npm i react-bootstrap bootstrap

react bootsrap

install  (  npm install react-bootstrap bootstrap  )

bootstrap react

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.min.js" integrity="sha384-IDwe1+LCz02ROU9k972gdyvl+AESN10+x7tBKgc9I5HFtuNz0wWnPclzo6p9vxnk" crossorigin="anonymous"></script>