<div class="treeview">

  <ul>

    <li><a href="#"> One</a>  <span class="float-end"><div class="dropdown">

  <button

    class="btn btn-primary btn-sm dropdown-toggle"

    type="button"

    data-mdb-toggle="dropdown"

    aria-expanded="false"

  >

  </button>

  <ul class="dropdown-menu"  >

    <li><a class="dropdown-item" href="#">Action</a></li>

    <li><a class="dropdown-item" href="#">Another action</a></li>

    <li><a class="dropdown-item" href="#">Something else here</a></li>

  </ul>

</div></span> </li>

     <li><a href="#"> Two</a>  <span class="float-end"><div class="dropdown">

  <button

    class="btn btn-primary btn-sm dropdown-toggle"

    type="button"

    data-mdb-toggle="dropdown"

    aria-expanded="false"

  >

  </button>

  <ul class="dropdown-menu"  >

    <li><a class="dropdown-item" href="#">Action</a></li>

    <li><a class="dropdown-item" href="#">Another action</a></li>

    <li><a class="dropdown-item" href="#">Something else here</a></li>

  </ul>

</div></span></li>

    <li>

      <a>Three</a>

      <ul class="show">

        <li>Second-one</li>

        <li>Second-two</li>

        <li>

          <a>Second-three</a>

          <ul>

            <li>

              <a>Third-one</a>

              <ul>

                <li>Fourth-one</li>

                <li>Fourth-two</li>

                <li>Fourth-three</li>

              </ul>

            </li>

            <li>Third-two</li>

            <li>

              <a>Third-three</a>

              <ul>

                <li>Fourth-one</li>

                <li>Fourth-two</li>

                <li>Fourth-three</li>

              </ul>

            </li>

          </ul>

        </li>

      </ul>

    </li>

  </ul>

</div>