https://github.com/keithhenry/bootstrap-grid

Use Bootstrap responsive grid styles in a Polymer component.
https://github.com/keithhenry/bootstrap-grid

bootstrap polymer polymer-element

Last synced: about 1 month ago
JSON representation

Use Bootstrap responsive grid styles in a Polymer component.

• Host: GitHub
• URL: https://github.com/keithhenry/bootstrap-grid
• Owner: KeithHenry
• License: mit
• Created: 2017-02-15T08:22:43.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-05-04T16:10:47.000Z (about 9 years ago)
• Last Synced: 2026-03-06T08:39:27.427Z (4 months ago)
• Topics: bootstrap, polymer, polymer-element
• Language: HTML
• Size: 1.98 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# \

Use Bootstrap responsive 12 column grid styles in a Polymer component.

Inside this element you can use Bootstrap `col-*` classes as if you are in a `container-fluid`.

`--bootstrap-grid-gutter` sets gutters size, default 15px.

Currently the media breakpoints are hard coded, as `@media` queries can't apply CSS variables.

## Example

4 columns on large, 3 on medium, 2 on small and 1 on phone screens:

```html

    

        
A

        
B

        
C

        
D

    


```

## Versions

v1.0.1 is compatible with Polymer 1.

V2.0.0 is for Polymer 2 and above.