Bootstrap 4 - 单击图标后带有菜单的左侧边栏

Question

示例照片边栏

我正在寻找创建侧边栏的解决方案，如上图所示。

照片2

单击图标侧边栏后显示菜单。

我有一些类似的但我需要在点击第一个屏幕后添加额外的菜单：

https://www.codeply.com/p/yRugA2FB3I

Answer 1

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">
      Dropdown link
    </a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">Action</a>
      <a class="dropdown-item" href="#">Another action</a>
      <a class="dropdown-item" href="#">Something else here</a>
    </div>
  </li>

将其作为下拉列表，尝试编辑下拉项的 css。

或者也使用它：

   <!-- Default dropright button -->
<div class="btn-group dropright">
  <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
    Dropright
  </button>
  <div class="dropdown-menu">
    <!-- Dropdown menu links -->
  </div>
</div>

它是 bootstrap 4 的元素，在右侧进行下拉。