If a column offset is used, the column width has to be redefined at a larger breakpoint

[ckuijjer]

When adding a column offset for a specific breakpoint (e.g. col-sm-offset-1, you also need to redefine it's width (e.g. col-sm-5). It doesn't inherit the width from the smaller size (e.g. col-xs-5).

See the difference between the first and second example at http://codepen.io/ckuijjer/pen/ojzrwB?editors=110

Do you intend your grid to use the sizes from a smaller breakpoint if they aren't redefined at a larger breakpoint?

Currently both the .col-* and col-*-offset-* classes define (amongst others) flex: 0 0 auto; which overwrites the flex-basis from the smaller breakpoint. I think removing these properties for the col-*-offset-* classes will fix this.

[ckuijjer]

See http://codepen.io/ckuijjer/pen/EVgBLy for my branch

[kristoferjoseph]

Thanks. The addition of flex: 0 0 auto; was to force all browsers to use the same default values. This should be split up from the shorthand value to multiple values for them be overridden.