Justify-Content-Center React Bootstrap

<Container>
  <Row className="justify-content-center">
    <Col xs lg="2">
      1 of 3
    </Col>
    <Col md="auto">Variable width content</Col>
    <Col xs lg="2">
      3 of 3
    </Col>
  </Row>
</Container>
Zany Zebra