- What is bootstrap? Whats included in ver 3? - Whats coming in ver 4? - Using bootstrap theme with Drupal - Alternatives

1. Bootstrap
08 December 2015
Drupal Brisbane meetup

2. TOC
- What is Bootstrap?
- What is next for Bootstrap?
- Bootstrap in Drupal
- Alternatives

3. Seen bootstrap lately?

4. Seen bootstrap lately?

5. What is bootstrap?
- 4 year old front end framework
- originated in twitter
- HTML, CSS, and JS framework
- Responsive, mobile first

6. BootsTrap 3
CSS
- http://getbootstrap.com/css/
- Less (with official Sass port)
Components
- http://getbootstrap.com/components/
Javascript plugins
- http://getbootstrap.com/javascript/

7. BootsTrap 4
- Announced Aug-2015
- Dev Branch on github
- http://v4-alpha.getbootstrap.com/getting-started/
- http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/

8. BootsTrap 4: changes
- Moved from Less to Sass
- Improved grid system
- Opt-in flexbox support
- cards replaced wells, thumbnails, and
panels
- Brand new customization options

9. BootsTrap 4: changes
- Rewrote all our JavaScript plugins

10. BootsTrap 4: changes
- Improved auto-placement of tooltips and
popovers (Tether)
- Improved documentation in Markdown
- And more

11. BootsTrap In Drupal
- https://www.drupal.org/project/bootstrap
- http://drupal-bootstrap.org/
- 81,529 sites currently report using this theme
- Downloads: 474,231
- Subtheme model

12. BootsTrap In Drupal
- CDN for "out-of-the-box" styling and faster
page load times.
- Bootswatch theme support, if using the CDN.
- Glyphicons support via Icon API.

13. BootsTrap In Drupal
- Extensive integration and
template/preprocessor overrides
- Integrated Theme settings
- /DOCS folder

14. BootsTrap In Drupal 7
- Depend on jQuery_update module

15. BootsTrap In Drupal 7

16. BootsTrap In Drupal 7

17. BootsTrap In Drupal 8

18. BootsTrap In Drupal 8

19. DRUPAL Themes
- Bootstrap
- Tweme
- Beginning
- Kalatheme
- Bootstrap Barrio
- Radix
- https://www.drupal.org/node/2164399

20. Alternatives
Zurb Foundation
- http://foundation.zurb.com/
- https://github.com/zurb/foundation-sites
Google Material Design
- https://www.google.com/design/spec/material-design/
- https://github.com/google/material-design-lite
- https://material.angularjs.org/latest
- http://mdbootstrap.com/material-design-for-bootstrap/

21. In Conclusion
- Use Bootstrap
- Common language
- Enterprise use

22. QUESTIONS?
@Vladimiraus @tesdev
http://www.slideshare.net/VladimirAus