React import bootstrap css file

Add bootstrap to react

//1.run following commnad in cmd:
npm install bootstrap --save
//you can now use bootstrap component. example:
import { Button } from 'react-bootstrap';

//2.or  add this to index.js:
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
  integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
  crossorigin="anonymous"
/>

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';

Source: react-bootstrap.github.io

React import bootstrap css file

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

-1

Source: stackoverflow.com

Similar codes

3 votes317 views2 answers
How to align form buttons right
CSS
0 vote268 views1 answer
Purge tailwind 3
CSS
0 vote313 views2 answers
Animate.css not working
CSS
0 vote261 views1 answer
Sweet alert modal form
CSS
50 votes276 views5 answers
Css reset style
CSS
10 votes343 views4 answers
Bootstrap badges Links
CSS Bootstrap
54 votes297 views8 answers
Media query
CSS
39 votes284 views4 answers
Css z-index
CSS
0 vote333 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
0 vote285 views1 answer
How to change border height in css
CSS