title: Navbar Dropdown menu right on bootstrap 4
body: <p>I have a problem with dropdown menu right on Bootstrap 4.</p>
  
  <p>Here my code:
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"&gt;&lt;/script&gt;
  
  
  &lt;nav class="navbar fixed-top navbar-dark bg-primary py-1"&gt;
      &lt;a class="navbar-brand" href="#"&gt;
          BRAND
      &lt;/a&gt;
      &lt;span class="navbar-text py-0"&gt;
        &lt;ul class="navbar-nav mr-auto"&gt;
            &lt;li class="nav-item dropdown"&gt;
                &lt;a class="nav-item nav-link dropdown-toggle" id="userMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
                    &lt;img src="&lt;?= $objUser-&gt;photo ?&gt;" width="40px" height="40px" class="rounded-circle"&gt;
                    &lt;span class="caret"&gt;&lt;/span&gt;
                &lt;/a&gt;
                &lt;div class="dropdown-menu dropdown-menu-right" aria-labelledby="userMenu"&gt;
                  Hi Name
                  &lt;a class="dropdown-item" id="logout_btn" href="#"&gt;Logout&lt;/a&gt;
                &lt;/div&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/span&gt;
  &lt;/nav&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>When I click on link on right, navbar expands instead to popup the dropdown menu.
  And the link is not readable.</p>
  
  <p>Do you have any solutions?</p>