#13 Setup bootstrap boiler code. Imported bootstrap js and css

2023-03-18 16:01:44 -04:00
parent cef00dac0e
commit a026e84086
2 changed files with 27 additions and 20 deletions
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -1,14 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="utf-8" />
 	<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+	<meta name="description" content="Web site created using create-react-app" />
 	<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
 	<!--
      manifest.json provides metadata used when your web app is installed on a
@@ -26,8 +24,15 @@
    -->
 	<title>React App</title>
 </head>
+
 <body>
 	<noscript>You need to enable JavaScript to run this app.</noscript>
+	<script src="https://cdn.jsdelivr.net/npm/react/umd/react.production.min.js" crossorigin></script>
+
+	<script src="https://cdn.jsdelivr.net/npm/react-dom/umd/react-dom.production.min.js" crossorigin></script>
+
+	<script src="https://cdn.jsdelivr.net/npm/react-bootstrap@next/dist/react-bootstrap.min.js" crossorigin></script>
+
 	<div id="root"></div>
 	<!--
      This HTML file is a template.
@@ -40,4 +45,5 @@
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
 </body>
+
 </html>
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import 'bootstrap/dist/css/bootstrap.min.css';

 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(