Col

A child `<Grid/>`, meant to be be placed next to other `<Grid />`s and to wrap around each row automatically (autoflow).

In order to properly autoflow, it assumes that it is placed in a grid with half margin on each side, no margin top and full bottom margin. This allows each `<Col>` to be placed after each other without having to be concerned on whether the element is at the beginning or at the end of the row.

It is defined here:

Usage

In most cases, if the parent container defines half-gutter left and right margins you can use `<Col />` as is, with a size parameter. If you want to modify individual margins you can set a different `marginTop`, `marginRight`, `marginBottom` or `marginLeft` parameters.