React- bootstrap сделать содержимое Col выровненным по центру

Question

Привет, ребята. Я новичок, чтобы отреагировать, и я пытаюсь сделать содержание 'Col' центрированным .. Мой кодовый формат похож на ..

<Container>
  <Row>
    <Col>
      <img />
      <p>....</p>
    </Col>
    <Col>
      <img />
      <p>....</p>
    </Col>
    <Col>
      <img />
      <p>....</p>
    </Col>
  </Row>
</Container>

Кто-нибудь знает, как это сделать? ??