<!-- NAVBAR-->
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<div class="container-fluid">
<a href="#" class="navbar-brand">
Navbar
</a>
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navBar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navBar">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a href="#" class="nav-link active">Home</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">About</a>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Blog</a>
<ul class="dropdown-menu">
<li>
<a href="#" class="dropdown-item">Dropdown item</a>
</li>
<li>
<a href="#" class="dropdown-item">Dropdown item</a>
</li>
<li>
<a href="#" class="dropdown-item">Dropdown item</a>
</li>
<li>
<a href="#" class="dropdown-item">Dropdown item</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Contact</a>
</li>
</ul>
<form action="" class="d-flex">
<input type="text" class="form-control me-2">
<button class="btn btn-outline-light">Search</button>
</form>
</div>
</div>
</nav>
</div>
픽서