<twbs-grid>

The Bootstrap Grid System Web Component.

Demo

Check it live.

Install

Install the component using Bower:

$ bower install twbs-grid --save

Or download as ZIP.

Usage

1. Import Web Components' polyfill:

<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>

2. Import Custom Element:

<link rel="import" href="bower_components/twbs-grid/twbs-grid.html">

3. Start using it!

<bs-row>
  <bs-col md="8">.bs-col-md-8</bs-col>
  <bs-col md="4">.bs-col-md-4</bs-col>
</bs-row>

Options

Attribute	Options	Default	Description
xs		12	Extra small devices Phones (<768px)
sm		12	Small devices Tablets (≥768px)
md		12	Medium devices Desktops (≥992px)
lg		12	Large devices Desktops (≥1200px)
xspull, smpull, mdpull , lgpull		0	Change the order of our built-in grid columns
xspush, smpush, mdpush , lgpush		0	Change the order of our built-in grid columns
xsoffset, smoffset, mdoffset, lgoffset		0	Move columns to the right

Browser Support

IE 10+ ✔	Latest ✔	Latest ✔	Latest ✔	Latest ✔

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -m 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

History

Check Release list.

License

MIT License © Magno Valdetaro