title: How to implement RTL bootstrap 4 navbar?
body: <p>I'd like to make my bootstrap navbar RTL. That is the logo in the right and the links flow from right to left. I have tried different tricks but none of they works. Here is the code I have right now:</p>
  
  <pre><code>&lt;nav class="navbar fixed-top navbar-expand-sm navbar-dark bg-dark float-right"&gt;
  
      &lt;!-- Brand --&gt;
      &lt;a class="navbar-brand" href="#"&gt;Logo&lt;/a&gt;
  
      &lt;!-- Links --&gt;
      &lt;div class="collapse navbar-collapse" id="nav-content"&gt;
        &lt;ul class="navbar-nav"&gt;
          &lt;li class="nav-item"&gt;
            &lt;a class="nav-link" href="#"&gt;Link 1&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="nav-item"&gt;
            &lt;a class="nav-link" href="#"&gt;Link 2&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="nav-item"&gt;
            &lt;a class="nav-link" href="#"&gt;Link 3&lt;/a&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  
  &lt;/nav&gt;
  </code></pre>
  
  <p>How can I fix this code to implement RTL navbar?</p>