React bootstrap Navbar: How to right align a navbar item

Question

I\'m trying to right align a navbar item (Contribute) within a navbar.js but I can\'t seem to figure it out. The navbar is a React component and looks like the

Answer 1

If you want to make your navigation look something like as shown in below screen shot:

Then you would need to apply the class container-fluid on Nav and class ml-auto on the Nav.Item on the navigation item which you wish to right align.

Below is the code:

  

    
      Demo App
    
    
      User List
    
    
      Log Out
    
    
      Hi fname lname!