bootstrap侧边导航栏样式

Bootstrap提供了一套简洁而功能强大的网格系统和组件，其中包括侧边导航栏（Sidebar Navigation），通常称为Offcanvas 或 Navbar Collapse 的结构。要创建一个基本的Bootstrap侧边导航栏，你可以按照以下步骤操作：

1. **HTML结构**:
使用`<nav>`标签，并包含`<ul class="navbar-nav ms-auto">`来定义导航菜单。例如：

   <div class="container-fluid">
     <nav class="navbar navbar-expand-lg bg-light">
       <div class="collapse navbar-collapse" id="navbarNav">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <!-- 菜单项 -->
           <li class="nav-item">
             <a class="nav-link active" href="#">首页</a>
           </li>
           <!-- 更多项... -->
         </ul>
       </div>
     </nav>
   </div>

2. **CSS自适应**:
`navbar-expand-lg`会让导航折叠起来（展开/收起）直到屏幕宽度大于992px。如果你想让导航始终展开，可以去掉这个类。

3. **激活状态**:
当当前页面链接对应导航条的一项时，可以添加`active`类给对应的`<a>`标签。

4. **响应式设计**:
Bootstrap会处理不同设备的显示效果，如在手机上点击汉堡图标（`<button class="navbar-toggler">...</button>`）切换导航的展开和收起。

5. **附加选项**:
可以添加更多的元素，如搜索框、登录按钮等，通过Bootstrap提供的其他类。