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

The below code solved my issue of alignment.

var NavMenu = React.createClass({
  render: function(){
    var links = this.props.links.reduce(function(acc, current){      
      current.dropdown ? acc.rightNav.push(current) : acc.leftNav.push(current);
      return acc;
    }, { leftNav: [], rightNav: [] });
    return (
      

        

          {links.leftNav.map( function(link) {
            return 
          })}
        
        {
          links.rightNav.length > 0 ?
            

              {
                links.rightNav.map( function(link) {
                  return 
                })
              }
            
 : false
        }
      
    );
  }
});