Bootstrap 4 align navbar items to the right

Question

How do I align a navbar item to right?

I want to have the login and register to the right. But everything I try does not seem to work.

This is wha

Answer 1

It's little change in boostrap 4. To align navbar to right side, you've to make only two changes. they are:

1. in navbar-nav class add w-100 as navbar-nav w-100 to make width as 100
2. in nav-item dropdown class add ml-auto as nav-item dropdown ml-auto to make margin left as auto.

If you didn't understand, please refer the image that i've attached to this.

CodePen Link

Full source code

  Navbar
  
    
  
  

    

      

        Home (current)
      
      

        Features
      
      

        Pricing
      
      

        
          Dropdown link
        
        

          Action
          Another action
          Something else here