Skip to content

daskalou/twbs-grid

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

<twbs-grid>

The Bootstrap Grid System Web Component.

Demo

Check it live.

Install

Install the component using Bower:

$ bower install web-loader --save

Or download as ZIP.

Usage

  1. Import Web Components' polyfill:
<script src="bower_components/platform/platform.js"></script>
  1. Import Custom Element:
<link rel="import" href="bower_components/twbs-grid/src/twbs-grid.html">
  1. Start using it!
<web-loader></web-loader>

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 Chrome Firefox Opera Safari
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

About

The Bootstrap Grid System Web Component

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published