Stick Bootstrap into Polymer

Transcript

1. Stick Bootstrap into Polymer Takanori Oki
 @Web Components Cafe 2018/04/23
2. Self-Introduction • Takanori Oki ( @takanorip ) • SmartDrive Inc. • Frontend Developer • Nuxt.jsɺReactɺPolymer… • Love fonts
4. I want to use CSS Frameworks for example Bootstrap
5. granite-bootstrap • Wrapping of Bootstrap CSS as Polymer shared styles modules • Replace and Update polymer-bootstrap
10. If you write this way, the layout collapses…
11. Solution?
14. DEMO
15. It is difficult to thinking about CSS in Polymer…
16. Generate style modules • Use granite-css-modularizer • A small node script to generate Polymer style modules from CSS files
17. Publicity
18. I published a book about Web Font!
22. Thank you! (font : Metropolis)