bootstrap导航栏怎么居中,bootstrap菜单导航,bootstrap顶部菜单导航栏,bootstrap导航栏下面的内容被遮住,bootstrap导航栏的设计,bootstrap导航栏组件
Bootstrap 5（BS5）导航栏是一种用于网站或应用程序的响应式导航组件。它可以帮助用户轻松地浏览和访问网站的不同部分，并可以在移动设备上自适应缩放。

BS5 导航栏由一个 navbar 组件构成，其中包含一个 brand 图标或文字、一个可切换的折叠按钮、若干个导航链接以及其他可选项。当屏幕宽度较小时，导航链接会被折叠在折叠按钮下面，以便在移动设备上进行访问。

以下是 BS5 导航栏的示例代码：

html
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Brand</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
</ul>
</div>
</div>
</nav>


这个示例代码演示了一个基本的 BS5 导航栏。它包括一个品牌标志（"Brand"）、一个可切换的折叠按钮、三个导航链接（"Home"、"Features" 和 "Pricing"），以及一些与导航栏样式和布局相关的类。