css对齐没有属性

我试图在我的react.js应用程序中使用bootstrap，下面是我要做的：

<ListGroup.Item>
      {"Ass ".concat(pend.userName)}
      <div className="myDiv">
            <Button variant="success">
                  Add
            </Button>
...

所以当我渲染它时，我得到如下输出：

但我希望他们在右边

我怎么能有那种表情

react引导版本-

^1.0.0-beta.16

您可以使用flexbox

.myDiv {
  display: flex;
  justify-content: flex-end;
}

或简单添加

左边距：自动到您的分区。
您可以使用flexbox

.myDiv {
  display: flex;
  justify-content: flex-end;
}

div.myDiv {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

或简单添加
左边距：自动到您的div

div.myDiv {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

几乎总是css对齐相关问题的答案

几乎总是css对齐相关问题的答案。
尝试添加
左边距：auto@demkovych左边距：自动不起作用尝试添加
左边距：自动@demkovych左边距：自动功能不起作用