KnowledgeBase_frontend/src/layouts/HeaderWithNav.jsx

54 lines
2.2 KiB
JavaScript

import React from 'react';
export default function HeaderWithNav() {
return (
<header className=' navbar navbar-expand-lg'>
<nav class='navbar navbar-expand-lg border-bottom p-3 mb-3 w-100'>
<div class='container-fluid'>
<a class='navbar-brand' href='#'>
OOIN 智能知识库
</a>
<button
class='navbar-toggler'
type='button'
data-bs-toggle='collapse'
data-bs-target='#navbarText'
aria-controls='navbarText'
aria-expanded='false'
aria-label='Toggle navigation'
>
<span class='navbar-toggler-icon'></span>
</button>
<div class='collapse navbar-collapse' id='navbarText'>
<ul class='navbar-nav me-auto mb-lg-0'>
<li class='nav-item'>
<a class='nav-link active' aria-current='page' href='#'>
知识库
</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>
Chat
</a>
</li>
</ul>
<hr className='d-lg-none'/>
<ul class='navbar-nav mb-2 mb-lg-0'>
<li class='nav-item'>
<a class='nav-link text-dark' href='#'>
Log in
</a>
</li>
<li class='nav-item'>
<a class='nav-link text-dark' href='#'>
Sign up
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
);
}