React Bootstrap Jumbotrons并排

Question

我有以下代码：

render: function() {
return (
  <div className="loginBox" >
    <h1>Login/SignUp Page</h1>
    <Grid>
      <Jumbotron>
      <h3>Login</h3>
      </Jumbotron>
      <Jumbotron>
      <h3>SignUp</h3>
      </Jumbotron>
      </Grid>
    </div>
);
}

目前，jumbotrons垂直堆叠在一起。我希望两个Jumbotrons水平并排出现。我该如何完成它？