bootstrap-block-grid
block grid library (css & sass) for twitter bootstrap (version 3 & 4), based on the native zurb foundation feature
demo
usage
-
Install via either bower, npm, CND or downloaded files:
bower install --save bootstrap-block-grid
npm install --save bootstrap-block-grid
- use CDN files from jsdelivr
- download bootstrap-block-grid.zip
-
Add files to your html
- when using bower
<!-- bootstrap 3 --><!-- bootstrap 4 -->- when using npm
<!-- bootstrap 3 --><!-- bootstrap 4 -->- when using CDN files from jsdelivr
<!-- bootstrap 3 --><!-- bootstrap 4 -->- when using downloaded files
<!-- bootstrap 3 --><!-- bootstrap 4 --> -
Sample Markup
Content 1Content 2Content 3Content 4Content 5Content 6
available classes
- xs
block-grid-xs-1
block-grid-xs-2
- ...
block-grid-xs-12
- sm
block-grid-sm-1
block-grid-sm-2
- ...
block-grid-sm-12
- md
block-grid-md-1
block-grid-md-2
- ...
block-grid-md-12
- lg
block-grid-lg-1
block-grid-lg-2
- ...
block-grid-lg-12
license
MIT