Download as PDF, PPTX
![Bootstrap 4
Drupal
Bootstrap theme [v4 postponed]
Bootstrap library
Barrio](https://image.slidesharecdn.com/meetup-drupal-brisbane-2018-02-180213101018/75/Bootstrap-4-what-s-new-using-in-Drupal-Bootstrap-and-php-Bootstrap-tools-18-2048.jpg)
![Bootstrap 4
Drupal
Bootstrap theme [v4 postponed]
Bootstrap library
Barrio](https://crownmelresort.com/image.slidesharecdn.com/meetup-drupal-brisbane-2018-02-180213101018/75/Bootstrap-4-what-s-new-using-in-Drupal-Bootstrap-and-php-Bootstrap-tools-18-2048.jpg)
Uploaded byVladimir Roudakov
Bootstrap 4: what's new, using in Drupal, Bootstrap and php, Bootstrap tools
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.
More Related Content
Similar to Bootstrap 4: what's new, using in Drupal, Bootstrap and php, Bootstrap tools
![Bootstrap. December 2015 [Brisbane Drupal meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/drupal8update-151208141143-lva1-app6892-thumbnail.jpg?width=640&height=640&fit=bounds)
![Drupal 8 update. November 2015 [Brisbane Drupal meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/drupal8update-151110233540-lva1-app6892-thumbnail.jpg?width=640&height=640&fit=bounds)
![Drupal 8 update. May 2015 [Brisbane Drupal meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/drupal8update-150512135354-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
![Drupal 8 update. February 2015 [Brisbane Drupal meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/drupal8update-150210093155-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
![Drupal 8 update. June 2015 [Brisbane Drupal meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/drupal8update-150609151716-lva1-app6892-thumbnail.jpg?width=640&height=640&fit=bounds)
![Drupal 8 update. November 2015 [Brisbane Drupal meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/drupal8update-150211055816-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
![Drupal 8 update. March 2015 [Brisbane Drupal meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/drupal8update-150310074527-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
![Drupal LMS. February 2015 [Brisbane Drupal meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/drupallms-150210093334-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
![Support, Monitoring, Continuous Improvement & Scaling Agentic Automation [3/3]](https://cdn.slidesharecdn.com/ss_thumbnails/agenticcommunityseries-day3-cfd-251120170304-ddef8112-thumbnail.jpg?width=640&height=640&fit=bounds)
Bootstrap 4: what's new, using in Drupal, Bootstrap and php, Bootstrap tools
- 1. Bootstrap 4 Drupal events DrupalMeetup (Brisbane) 13 Feb 2018
- 2.
- 3. Bootstrap 4 Structure Frontend framework CSSstyles 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
- 5.
- 7. Bootstrap 4 Flexbox bydefault Flexbox: default grid More powerful responsive grid New classes .order-0 and .order-last
- 9. Bootstrap 4 SASS insteadof LESS SASS and LESS are compiled into CSS SASS port existed for version 3 2 dozen of CSS variables
- 10. Bootstrap 4 Browser support IE8dropped IE9 dropped (for flexbox) iOS 6 dropped Support: IE10+ and iOS 7+
- 11. Bootstrap 4 5 gridtier 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
- 14.
- 15.
- 16. Bootstrap 4 Composer composer requiretwbs/bootstrap
- 17. Bootstrap 4 Laravel Laravel 5.6includes 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
- 23.
- 24. Bootstrap 4 Tools Pingendo https://pingendo.com/ Bootstrap 4 BootstrapStudio https://bootstrapstudio.io/ Bootstrap 3 & 4
- 27.
- 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 TrainingDay 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.
- 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
- 34.