Reactjs 反应引导垂直中心化

我想用react引导将我的表单垂直和水平居中

反应代码：

 <Container>
  <Row  >
    <Col  md={{ span: 4, offset: 4 }}>
      <Form onSubmit={(e) => loginHandler(e)}>
        <Form.Group controlId='formGroupEmail'>
          <Form.Label>Kullanıcı Adı veya Email Adresi</Form.Label>
          <Form.Control type='email' placeholder='Enter email' />
        </Form.Group>
        <Form.Group controlId='formGroupPassword'>
          <Form.Label>Şifre</Form.Label>
          <Form.Control type='password' placeholder='Password' />
        </Form.Group>
        <Button type='submit'>Giriş Yap</Button>
      </Form>
    </Col>
  </Row>
</Container>

loginHandler（e）}>
KullanıcıAdıveya电子邮件地址
Şifre
吉里亚普

---

我在我的列中使用md={{span:4，offset:4}}水平居中，但我不能垂直居中。

如果您使用React Css，您可以在行组件中尝试“对齐中间”类。

如果您使用React Css，您可以在行组件中尝试“对齐中间”类。

您可以尝试此

您可以尝试此