Answers for "import in react boots"

6

react bootstrap do you need to import

1.run command in cmd
npm install react-bootstrap bootstrap

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

//You may want to add individual components like 'Navbar',
 // or 'Button' rather than the entire library.
3. add this, or similar to the js files that would be using the individual components
import {Navbar, Nav, Button} from 'react-bootstrap';
Posted by: Guest on May-10-2021
2

how to add bootstrap by downloading in react js

// 1) Download bootstrap in react application by running this in terminal(CMD)
	npm install react-bootstrap [email protected] 
	/* @5.1.3 is optional. If you don't write then it will automatically download the latest version. */

// 2) By CDN Link  (Best and my way :)
    /* Copy this link and paste in public/index.html in header tag*/
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
	/* Copy this script tag and paste in public/index.html before closing body tag*/
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

// For more information go to https://react-bootstrap.github.io/getting-started/introduction/
Posted by: Guest on November-28-2021

Code answers related to "Javascript"

Browse Popular Code Answers by Language