title: How can I shift a li element to the right in a nav-tabs navbar using Bootstrap 5?
body: <p>I searched everywhere in the web, but I couldn't find any tips on how to shift my &quot;User information&quot; and &quot;Logout&quot; li element to the right of my navbar using bootstrap.
  Maybe the solution is quite simple but since I am a beginner with bootstrap it isn't easy for me.</p>
  <p>Here is my code:</p>
  <pre><code>&lt;!--  NAVBAR  --&gt;
   &lt;ul class=&quot;nav nav-tabs&quot;&gt;
    &lt;li class=&quot;nav-item&quot;&gt;
     &lt;a class=&quot;nav-link active&quot; aria-current=&quot;page&quot; href=&quot;#&quot;&gt;Home&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class=&quot;nav-item&quot;&gt;
     &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Inserisci NC&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class=&quot;nav-item&quot;&gt;
     &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Modifica NC&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class=&quot;nav-item&quot;&gt;
     &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Elimina NC&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class=&quot;nav-item&quot;&gt;
     &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;User information&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class=&quot;nav-item&quot;&gt;
     &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Logout&lt;/a&gt;
    &lt;/li&gt;  
   &lt;/ul&gt;
  </code></pre>