title: Bootstrap Navbar Align Right
body: <p>I'm trying to align my navbar items to the right in bootstrap.</p>
  <p>I'd like to have everything aligned right, except for the brand logo.</p>
  <pre><code>  &lt;div class=&quot;logo&quot;&gt;
      &lt;h1&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;#&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/h1&gt;
    &lt;/div&gt;
  
    &lt;nav class=&quot;nav-menu d-none d-lg-block&quot;&gt;
      &lt;ul&gt;
        &lt;li class=&quot;drop-down&quot;&gt;&lt;a href=&quot;#services&quot;&gt;&lt;span&gt;Services&lt;/span&gt;&lt;/a&gt;
          &lt;ul&gt;
            &lt;li class=&quot;drop-down&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;span&gt;Test1&lt;/span&gt;&lt;/a&gt;
              &lt;ul&gt;
                &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Test11&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Test12&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
            &lt;li class=&quot;drop-down&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;span&gt;Stats&lt;/span&gt;&lt;/a&gt;
              &lt;ul&gt;
                &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Stats1&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Stats2&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li class=&quot;drop-down&quot;&gt;&lt;a href=&quot;&quot;&gt;Support&lt;/a&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;FAQ&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Search&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/nav&gt;&lt;!-- .nav-menu --&gt;
  </code></pre>