Inline layout system
- Columns use inline document flow
- Columns could be aligned vertically!
.push-xs-n, .pull-sm-n
for shorter markup- Fixed bootstrap visibility utils for mobile first
- Default screen ratio (16by9) for embed content
bower i patch-layout -S
npm i patch-layout -S
xs
- to 544pxsm
- 545px to 767pxmd
- 768px to 991pxlg
- 992px to 1199pxxl
- 1200px and greater
.container
.row
n
is 1-12 column width/offset indent
.col-xs-n
.col-sm-n
.col-md-n
.col-lg-n
Push - to left, pull - to right
.push-xs-n
-.pull-xs-n
.push-sm-n
-.pull-sm-n
.push-md-n
-.pull-md-n
.push-lg-n
-.pull-lg-n
.embed-responsive
- wrapper. By default 16by9.embed-responsive--4by3
.embed-responsive--16by9
.embed-responsive--21by9
iframe
,embed
,object
,video
and.embed-responsive-item
are children.img-responsive
Copyright © 2015 Bogdan Chadkin