bootstarp in react code example

Example 1: add bootstrap to react

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

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

Example 2: install react bootstrap

# with npm
npm install react-bootstrap bootstrap

#with yarn
yarn add react-bootstrap bootstrap

Example 3: react import bootstrap css

{/* The following line can be included in your src/index.js or App.js file*/}

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

Example 4: react and bootstrap

npm install react-bootstrap bootstrap

Example 5: react native bootstrap

import Button from 'react-bootstrap/Button';

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

Example 6: add bootstrap to react app

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"
   integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">

Tags:

Css Example