DrupalCamp Melbourne 2015. Bootstrap: framework and theme.

DrupalCamp Melbourne 2015. Bootstrap: framework and theme.

• 1.
  Bootstrap 27 November 2015 DrupalCampMelbourne
• 2.
  TOC - What isBootstrap? - 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 - AnnouncedAug-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/ - 91,879 sites currently report using this theme - Downloads: 466,300 - 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 Drupal7
• 15.
  BootsTrap In Drupal7
• 16.
  BootsTrap In Drupal8
• 17.
  BootsTrap In Drupal8
• 18.
  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/
• 19.
  In Conclusion - UseBootstrap - Common language - Enterprise use
• 20.
  QUESTIONS? @Vladimiraus @tesdev http://www.slideshare.net/VladimirAus