React NavBar kann Objekte nicht auf der rechten Seite ausrichten

Question

Ich versuche Navigationselemente zu teilen und sie nach links und rechts auszurichten. Wie sollte ich den Code ändern? Ich benutze Bootstrap, warum Navbar-Recht-Eigenschaft nicht funktioniert?

render() { 
    return (
     <nav style={{ position: relative, top: -40px }}> 
     <div className="container-fluid"> 
      <Link to="/" className="navbar-brand">Dribbble Clone</Link> 
      <ul className="nav navbar-nav navbar-left"> 
      <li className="nav-item"> 
       Blog 
      </li> 
      <li className="nav-item"> 
       Podcast 
      </li> 
      <li className="nav-item"> 
       Meetups 
      </li> 
      <li className="nav-item"> 
       Jobs 
      </li> 
      </ul> 
      <ul className="nav navbar-nav navbar-right" 
      style={{ justifyContent: 'flex-end' }}> 
      <li className="nav-item"> 
       Signin 
      </li> 
      <li className="nav-item"> 
       Signup 
      </li> 
      </ul> 
     </div> 
     </nav> 
    ); 

Danke

Answer 1

diese versuchen

render{ 
const style = { 
       margin: 0, 
       top: 0, 
       right: 60, 
      bottom:20, 
       left: 'auto', 
       position: 'fixed', 
      }; 
return(
<nav style={style}> 
); 

}