Container

The Container component helps in handling overall layout of a page.

Usage

Use the Container in combination to create a layout.

Basic Usage

<Container>
  <Row gutter={['4', '4']}>
    <Col xs={24} sm={12} md={8}>
      <Card>
        <Card.Header title={'Item 1'} />
      </Card>
    </Col>
    <Col xs={24} sm={12} md={8}>
      <Card>
        <Card.Header title={'Item 2'} />
      </Card>
    </Col>
    <Col xs={24} sm={12} md={8}>
      <Card>
        <Card.Header title={'Item 3'} />
      </Card>
    </Col>
  </Row>
</Container>

API

Props