I am having trouble adding a dropdown menu to my navbar. The menu button is not dropping down the menu as expected.
Additionally, the profile picture and name are appearing in the center instead of on the right side.
<link href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c0a2afafb4b3b4b2a1b080f5eef0eef0eda2a5b4a1f3">[email protected]</a>/dist/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar fixed-top navbar-light bg-light">
<div class="container-xxl">
<a class="navbar-brand" href="#">
<img class="d-inline-blockp" src="" alt="" width="40"
height="40" />
Left
</a>
<a class="navbar-brand" href="#">
<img src="" alt="profile picture" width="40"
height="40" />
Name
</a>
<div class="">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#hamburger"
aria-controls="hamburger" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="hamburger">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link" href="#">Features</a>
<a class="nav-link" href="#">Pricing</a>
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</div>
</div>
</div>
</div>
</nav>