bootstrap的navbar

Bootstrap的Navbar是Twitter Bootstrap框架中的一种组件，它提供了一个响应式的导航栏设计，常用于网站顶部或侧边，方便用户快速访问主要内容或者进行页面切换。Navbar通常包含以下几个部分：

1. **品牌标识** (Brand): 一般放置网站logo或名字，链接到主页。

2. **导航链接** (Nav links): 子菜单项，可以是静态的文本链接、下拉菜单或者按钮等。

3. **可折叠和展开** (Toggle button): 对于屏幕较小的设备，会显示一个汉堡图标，点击后可以展开或收起导航菜单。

4. **分隔符** (Separator) 和 **下拉菜单** (Dropdowns): 可以添加分割线或者创建可下拉的内容区域。

5. **响应式行为** (Responsive behavior): Navbar会在小屏幕上自动调整布局，比如变成一个底部固定的工具栏或隐藏起来，直到触摸屏幕时弹出。

要使用Bootstrap的Navbar，你需要引入相应的CSS和JavaScript文件，并在HTML中添加`<nav>`标签，配合`.navbar`和它的子类来定制样式。例如：

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Logo</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" href="#">Home</a>
      </li>
      <!