Bootstrap 4: what's new, using in Drupal, Bootstrap and php, Bootstrap tools
1 like626 views
This document provides an overview of the new features and changes in Bootstrap 4, including its use of Flexbox for the grid system by default, switch to SASS from LESS, dropping support for older browsers, updated grid tier system, use of relative units, new card component, and tools for working with Bootstrap 4. It also lists upcoming Drupal and frontend development events, and provides references for learning more about Bootstrap 4 and its integration with Drupal and Laravel.
![Bootstrap 4
Drupal
Bootstrap theme [v4 postponed]
Bootstrap library
Barrio](https://image.slidesharecdn.com/meetup-drupal-brisbane-2018-02-180213101018/85/Bootstrap-4-what-s-new-using-in-Drupal-Bootstrap-and-php-Bootstrap-tools-18-320.jpg)
Bootstrap 4: what's new, using in Drupal, Bootstrap and php, Bootstrap tools
- 1. Bootstrap 4 Drupal events Drupal Meetup (Brisbane) 13 Feb 2018
- 2. Bootstrap 4
- 3. Bootstrap 4 Structure Frontend framework CSS styles JS components https://getbootstrap.com/docs/4.0/ getting-started/introduction/
- 4. Bootstrap 4 Releases Stable 4: 18-Jan-2018 Alpha 4: 19-Aug-2015 Stable 3: 19-Apr-2013
- 7. Bootstrap 4 Flexbox by default Flexbox: default grid More powerful responsive grid New classes .order-0 and .order-last
- 9. Bootstrap 4 SASS instead of LESS SASS and LESS are compiled into CSS SASS port existed for version 3 2 dozen of CSS variables
- 10. Bootstrap 4 Browser support IE8 dropped IE9 dropped (for flexbox) iOS 6 dropped Support: IE10+ and iOS 7+
- 11. Bootstrap 4 5 grid tier XS SM MD LG XL
- 12. Bootstrap 4 Relative units pixels: dropped REM: relative units making the responsive typography and component sizing easy not compatible with older browsers
- 13. Bootstrap 4 Cards Replaced thumbnails, wells, and panels
- 15. Bootstrap 4 and php
- 16. Bootstrap 4 Composer composer require twbs/bootstrap
- 17. Bootstrap 4 Laravel Laravel 5.6 includes Bootstrap 4 Laravel 5.6 was released 7 Feb 2018 Preset for Laravel 5.5
- 18. Bootstrap 4 Drupal Bootstrap theme [v4 postponed] Bootstrap library Barrio
- 24. Bootstrap 4 Tools Pingendo https://pingendo.com/ Bootstrap 4 Bootstrap Studio https://bootstrapstudio.io/ Bootstrap 3 & 4
- 27. Events
- 28. Events DrupalCon US :: 9-13 Apr 2018 Nashville, USA https://events.drupal.org/nashville2018 Drupal Europe :: 10-14 Sep 2018 Darmstadt, Germany http://www.drupaleurope.org/ DrupalSouth Australia :: Oct-Nov 2018 Canberra, Australia
- 29. Events Drupal Global Training Day 2018 16-17 March 2018 15-16 June 2018 14-15 September 2018 30 November - 1 December 2018 https://groups.drupal.org/global-training-days-2018
- 30. Events CSSconf / JSconf :: 20-22 Mar 2018 Melbourne, Australia https://2018.jsconfau.com/ https://2018.cssconf.com.au/ Laracon Australia :: 18-19 Oct 2018 Sydney, Australia https://laracon.com.au/
- 31. Questions?
- 32. References ● https://blog.getbootstrap.com/2018/01/18/bootstrap-4/ ● https://auth0.com/blog/whats-new-in-bootstrap4/ ● https://webdesign.tutsplus.com/articles/bootstrap-4-is-here-whats-new--cms-30442 ● https://blog.templatetoaster.com/bootstrap-4/ ● https://hackernoon.com/what-changed-in-bootstrap-4-0-ca3cbbf4f62f
- 33. References ● https://www.drupal.org/project/bootstrap ● https://www.drupal.org/project/bootstrap_library ● https://www.drupal.org/project/bootstrap_barrio ● https://github.com/twbs/bootstrap/projects ● https://laravel-news.com/bootstrap-4-laravel-preset ● https://packagist.org/packages/twbs/bootstrap