Usage

Baseplate operates very similarly to Bootstrap's Grid, coming from Web Development I wanted something very similar to what I was used to so I could throw together layouts quickly.

bpRow is equivalent to <div class="row"> in Bootstrap. It accepts an array of bpCols in the children parameter.

bpCol is similar to <div class="col-SIZE-COLUMNS">, but is different in some areas.

Instead of using sizes like md, sm, lg etc, I opted to use screen sizes. So you'll see w360 and w540 instead of sm.

The default width is 12, full width. As per Bootstrap.

API:

bpRow

Parameter	Type	Description
gutter	double	The gap (in pixels) between the columns.
padding	double	The padding (in pixels) on the outside of the row.
runSpacing	double	The gap (in pixels) between each layer of the row if the columns wrap onto multiple lines.
children	List	The columns inside the row

bpCol

Parameter	Type	Description
w360	int	Column size (1-12) for screen widths <= 360px
w540	int	Column size (1-12) for screen widths <= 540px
w720	int	Column size (1-12) for screen widths <= 720px
w1024	int	Column size (1-12) for screen widths <= 1024px
w1200	int	Column size (1-12) for screen widths <= 1200px
w1500	int	Column size (1-12) for screen widths <= 1500px
w2000	int	Column size (1-12) for screen widths <= 2000px
w2500	int	Column size (1-12) for screen widths <= 2500px