title: Align nav-items to right side in bootstrap-4
body: <p>I just switched to bootstrap 4 and reworking all my html and scss to work with it and I cant seem to find how to put a group of nav-items on the right side of the navbar. This is my navbar code:</p>
  
  <pre><code>&lt;nav class="navbar navbar-full navbar-dark bg-primary"&gt;
          &lt;button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"&gt;&lt;/button&gt;
          &lt;%= link_to "Living Recipe", recipes_path(sort_attribut: "popularity", sort_order: :desc), class: "navbar-brand" %&gt;
          &lt;div class="collapse navbar-toggleable-sm" id="navbarResponsive"&gt;   
              &lt;ul class="nav navbar-nav float-md-left"&gt;
                  &lt;li class="nav-item"&gt;
                      &lt;%= form_tag(recipes_path, :method =&gt; "get", id: "search-form", class: "form-inline") do %&gt;
                              &lt;%= text_field_tag :search, params[:search], placeholder: "Search Recipes", class: "form-control col-md-8" %&gt;
                      &lt;% end %&gt;
                  &lt;/li&gt;
                  &lt;li class="nav-item dropdown"&gt;
                      &lt;a class="nav-link dropdown-toggle" href="http://example.com" id="responsiveNavbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;Browse&lt;/a&gt;
                      &lt;div class="dropdown-menu" aria-labelledby="responsiveNavbarDropdown"&gt;
                          &lt;%= link_to "Popular", recipes_path(sort_attribute: "popularity", sort_order: :desc), class: "dropdown-item" %&gt;
                          &lt;%= link_to "Newest", recipes_path(sort_attribute: "created_at", sort_order: :desc), class: "dropdown-item" %&gt;
                          &lt;%= link_to "Most Updated", recipes_path(sort_attribute: "most_active", sort_order: :desc), class: "dropdown-item" %&gt;
                          &lt;%= link_to "Most Saved", recipes_path(sort_attribute: "save_count", sort_order: :desc), class: "dropdown-item" %&gt;
                      &lt;/div&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;ul class="nav navbar-nav float-md-right"&gt;
                  &lt;% if user_signed_in? %&gt;
                      &lt;li class="dropdown"&gt;
                          &lt;a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
                              &lt;%= current_user.displayname.present? ? "D-ring" : current_user.firstname %&gt;
                          &lt;/a&gt;
                          &lt;div class="dropdown-menu" aria-labelledby="responsiveNavbarDropdown"&gt;
                              &lt;%= link_to "Profile", user_path(current_user.id), class: "dropdown-item" %&gt;
                              &lt;%= link_to "Recipe Box", user_saved_recipes_path(current_user.id), class: "dropdown-item" %&gt;
                              &lt;%= link_to "Add Recipe", new_recipe_path, class: "dropdown-item" %&gt;
                              &lt;%= link_to "Submitted Recipes", user_path(current_user.id), class: "dropdown-item" %&gt;
                              &lt;%= link_to "Sign Out", destroy_user_session_path, :method =&gt; :delete, class: "dropdown-item" %&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
                  &lt;% else %&gt;
                      &lt;li class="nav-item"&gt;
                          &lt;%= link_to "Create Account", '', data: {:'toggle' =&gt; 'modal', :'target' =&gt; '#signupModal'}, class: "nav-link" %&gt;
                      &lt;/li&gt;
                      &lt;li class="nav-item"&gt;
                          &lt;%= link_to "Login", '', data: {:'toggle' =&gt; 'modal', :'target' =&gt; '#loginModal'}, class: "nav-link" %&gt;
                      &lt;/li&gt;           
                  &lt;% end %&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  </code></pre>
  
  <p>And this is the screenshot of what it looks like</p>
  
  <p><a href="https://i.stack.imgur.com/KLSk1.png"><img src="https://i.stack.imgur.com/KLSk1.png" alt="enter image description here"></a></p>