Added basic NavBar with Common links.

This commit is contained in:
Ray 2023-08-29 10:46:51 +00:00 committed by GitHub
parent 8fe1ceeb48
commit c66c5d79ae
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions

View File

@ -6,7 +6,7 @@ import "react-bootstrap/Navbar"
import "react-bootstrap/Nav" import "react-bootstrap/Nav"
import './App.css'; import './App.css';
import Container from "react-bootstrap/Container"; import Container from "react-bootstrap/Container";
import { Navbar } from "react-bootstrap/esm"; import { Nav, Navbar } from "react-bootstrap/esm";
function App() { function App() {
const FBapp = initializeApp(FirebaseConfig); const FBapp = initializeApp(FirebaseConfig);
@ -14,7 +14,12 @@ function App() {
<div className="App"> <div className="App">
<Navbar> <Navbar>
<Container> <Container>
<Navbar.Brand.App>App</Navbar.Brand.App> <Navbar.Brand>App</Navbar.Brand>
<Nav>
<Nav.Link href="/">Home</Nav.Link>
<Nav.Link href="/about">About</Nav.Link>
<Nav.Link href="/contact">Contact</Nav.Link>
</Nav>
</Container> </Container>
</Navbar> </Navbar>
<h1>React App</h1> <h1>React App</h1>