reactjs/src/Navbar.js
2020-05-08 19:21:14 +07:00

29 lines
1.1 KiB
JavaScript

import React from 'react';
export default class Navbar extends React.Component{
render(){
return (
<nav className="navbar navbar-expand-lg navbar-light bg-light" id="id">
<a className="navbar-brand" href="www.facebook.com">
<img src="/logo192.png" width="30" height="30" alt="" />
</a>
<div className="collapse navbar-collapse" id="navbarSupportedContent">
<ul className="navbar-nav mr-auto">
<li className="nav-item active">
<a className="nav-link" href="www.facebook.com">Home <span className="sr-only">(current)</span></a>
</li>
</ul>
<form className="form-inline my-2 my-lg-0">
<input className="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" />
<button className="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
)
}
}