title: Bootstrap 4 -- Moving links to the right of the navbar with a toggle button
body: <p>I was attempting to move the links from the left of the navbar to the right side and it wouldn't let me. I've tried floating it to the right and nothing had happened, same with position:relative; right: 200px; and padding-right: -200px;. If anyone has any other suggestions it would be appreciated thank you.</p>
  
  <pre><code>&lt;nav class="navbar navbar-toggleable-md navbar-light bg-faded"&gt;
  
      &lt;button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"&gt;
  
          &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
  
      &lt;/button&gt;
  
      &lt;a class="navbar-brand" href="index.html"&gt;
  
          &lt;img id="logo" src="images/logo.png" width="200" class="d-inline-block align-top" alt=""&gt;
  
      &lt;/a&gt;
  
      &lt;div class="collapse navbar-collapse" id="navbarSupportedContent"&gt;
  
          &lt;ul class="navbar-nav mr-auto"&gt;
  
              &lt;li class="nav-item"&gt;
                  &lt;a class="nav-link active text-white" href="index.html"&gt;Home &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
              &lt;/li&gt;
  
              &lt;li class="nav-item"&gt;
                  &lt;a class="nav-link text-white" href="services.html"&gt;Services&lt;/a&gt;
              &lt;/li&gt;
  
              &lt;li class="nav-item"&gt;
                  &lt;a class="nav-link text-white" href="portfolio.html"&gt;Portfolio&lt;/a&gt;
              &lt;/li&gt;
  
              &lt;li class="nav-item"&gt;
                  &lt;a class="nav-link text-white" href="about.html"&gt;About&lt;/a&gt;
              &lt;/li&gt;
  
          &lt;/ul&gt;
  
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>