How to create a stacked menu with dropdown using bootstrap 5

Question

I have a menu that is stacked over each other as shown in the image below.

I am trying to do this using bootstrap menu dropdown but unable to get it right. can anyone assist please?

<ul class="navbar-nav me-auto mb-2 mb-lg-0">
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
        Versioning
      </a>
      <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
        <li><a class="dropdown-item" href="#">Upload</a></li>
        <li><a class="dropdown-item" href="#">Backup</a></li>
        <li><hr class="dropdown-divider"></li>
        <li><a class="dropdown-item" href="#">All Versions</a></li>
      </ul>
    </li>

    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
        Arrangement
      </a>
      <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
        <li><a class="dropdown-item" href="#">Reorder</a></li>
        <li><a class="dropdown-item" href="#">Rotate</a></li>
        <li><hr class="dropdown-divider"></li>
        <li><a class="dropdown-item" href="#">Options</a></li>
      </ul>
    </li>
</ul>