Grid system

The grid system allows creating designs adaptable to any device. Like Bootstrap, Bootnative uses containers, rows, and columns.

---

Row

row adapts to 100% container size, wrapping columns using flexWrap and flexDirection react-native properties.

Col

The properties of the columns are applied if the breakpoint is correspond to the size of the device screen. If no corresponding breakpoint is provided, then the column will use 100% of the screen.

• Usage: col-{size}-{breakpoint}
• The size property can be 1~12

Try yourself