Css 反应导航栏可以'；t将项目对齐到右侧

我正在尝试拆分导航项目，并将其左右对齐。我应该如何更改代码？我使用的是引导，为什么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>
    );

render（）{
返回(
可滴克隆


博客


播客


聚会


乔布斯




签名


报名


);

谢谢

试试这个

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

渲染{
常量样式={
保证金：0，
排名：0，
右：60，
底数：20，
左：“自动”，
位置：'固定'，
};
返回(
);

---

}您的

style

属性中的

top

属性应该是字符串。因此，

top:'-40px'

。您的

位置属性也是如此。@dogui是的，谢谢，这是一个愚蠢的输入错误，但它仍然没有愉快地解决我的问题！！