Examples

Justify

Items are distributed along the main axis

start

end

center

space-around

space-between

Align

Items are vertically aligned along the secondary axis

top

middle

bottom

Gutter

Any number could be used for gutter values as well

Horizontal Gutter (in px):

Vertical Gutter (in px):

Span

Determines the size the item stretches to in relation to its parent.

col-0

col-1

col-2

col-3

col-4

col-5

col-6

col-7

col-8

col-9

col-10

col-11

col-12

col-13

col-14

col-15

col-16

col-17

col-18

col-19

col-20

col-21

col-22

col-23

col-24

Props

TBC

Guidelines

To Note: Every <Row> tag must be accompanied by a corresponding <Col> tag as shown in the example below:

/* Rendering two components in a row */

<Row gutter={8}>
    <Col>
        <AnyComponentHere />
    <Col />
    <Col>
        <AnyComponentHere />
    <Col />
<Row />