导航栏

水平导航栏

 <ul class="navbar-nav">
       <li  class="nav-item">
             <a class="nav-link" href="#">link1</a>
       </li>
       <li  class="nav-item">
             <a class="nav-link" href="#">link2</a>
       </li>
       <li  class="nav-item">
             <a class="nav-link" href="#">link3</a>
       </li>
 </ul>

垂直导航栏

通过删除 .navbar-expand-xl|lg|md|sm 类来创建垂直导航栏

高亮显示

navbar-dark

Logo

折叠导航栏

导航按钮 折叠按钮

一般激活事件的元素：data-toggle="collapse" data-target="#list"