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 的元素，在右側進行下拉。