title: Bootstrap Move elements inside navigation bar
body: <p>I have created navigation bar as follows:</p>
  <pre><code>&lt;nav class=&quot;navbar navbar-expand-lg navbar-light bg-light rounded-bottom&quot;&gt;
          &lt;a class=&quot;navbar-brand text-white font-weight-bold nav-link&quot;&gt;Car Shop&lt;/a&gt;
          &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navbarNavAltMarkup&quot;&gt;
              &lt;div class=&quot;navbar-nav&quot;&gt;
                  &lt;a href=&quot;/cars.html&quot; class=&quot;nav-link text-light&quot;&gt;Cars&lt;/a&gt;
                  &lt;a href=&quot;/tools.html&quot; class=&quot;nav-link text-light&quot;&gt;Tools&lt;/a&gt;
                  &lt;button type=&quot;submit&quot; class=&quot;btn&quot;&gt;Pay&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  </code></pre>
  <p>Right now, all the elements are visually sorted from the left side of the screen. That is fine, except for the Pay button, which I would like to have in the right corner of the navigation bar. I tried doing so by adding</p>
  <p><code>style=&quot;margin-right: 0px;</code></p>
  <p>to it, but this doesn't seem to be working (it remains at the same place). Can you see my problem?</p>