React NavBarで項目を右揃えにすることができない

Question

ナビゲーション項目を分割して左右に揃えようとしています。コードをどのように変更すればよいですか？私はブートストラップを使用しています。なぜ、navbar-rightプロパティが機能しないのですか？

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> 
    ); 

Answer 1

があなたの ``あなたのstyle`属性にtop`プロパティは文字列でなければなりません。この

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

}