Added basic NavBar with Common links.
This commit is contained in:
parent
8fe1ceeb48
commit
c66c5d79ae
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue