Merge pull request #21 from AnoshMalik/feature/Bootstrap-Button

added_bootstrap_button
AnoshMalik · Apr 26, 2023 · a842c4c · a842c4c
2 parents 8ac0d4a + 2ab455a
commit a842c4c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/client/src/index.html b/client/src/index.html
@@ -4,6 +4,13 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="initial-scale=1, width=device-width" />
 		<title>Starter Kit</title>
+		<!-- link to bootstrap -->
+		<link
+			rel="stylesheet"
+			href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+			integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
+			crossorigin="anonymous"
+		/>
 	</head>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/client/src/pages/Home.js b/client/src/pages/Home.js
@@ -2,6 +2,7 @@
 import { Link } from "react-router-dom";*/
 import Header from "../Components/Header";
 import Footer from "../Components/Footer";
+import Button from "react-bootstrap/Button";
 
 import "./Home.css";
 // import logo from "./logo.svg";
@@ -38,6 +39,7 @@ export function Home() {
 				rows="10"
 				cols="50"
 			></textarea>
+			<Button variant="primary">bootstrap button</Button>
 
 			<Footer />
 		</div>