Bootstrap 4: An Overview

bootstrap 4 overview

Bootstrap 4: An Overview

Created at Twitter in 2010, Bootstrap has since blossomed into one of the largest open-source frameworks available to development teams. An exquisite front-end framework with a team of core and contrib developers at hand, Bootstrap is the go to for building a responsive website.

On its fourth birthday, Bootstrap announced the beginning of the release of Bootstrap 4, starting with Bootstrap 4 Alpha. So what’s new?

New Features in Bootstrap 4

  • Rewritten Javascript plugins
  • Moved from Less to Sass as the main preprocessor
  • Improved grid system with an additional tier for mobile devices
  • Option for Flexbox (flexible layout/boxes)
  • Cards to replace panels & wells

What does this mean for
 

IE8

IE8 users, say goodbye to support from Bootstrap 4! This allows you to use CSS to its full potential, and using rems and ems aids in responsive typography and component sizing1. If you’re still using IE8, just keep using Bootstrap 3 and you should be fine.

Bootstrap 3

If you’re planning to keep Bootstrap 3, no worries. Critical bug fixes & documentation improvements will continue after the final v4 release, as will hosting for v3 docs.

Less Connoisseurs

If you’re looking to customize, you’ll need to learn your Sass. Many customization options that were previously stored in the style sheets are now handled by Sass, including rounded-corner angles, gradients, transitions, shadows, etc2.

Icons

While Bootstrap 3 came armed with Glyphicons, there’s no replacement yet on Boostrap 4. Icon lovers have two options – stick to Bootstrap 3 and Glyphicons or manually integrate Ionicons with Bootstrap 42.
 

Release Plan

            Bootstrap 4 Alpha is currently available (http://v4-alpha.getbootstrap.com/), and plans include several alpha releases. This will be followed by 2 beta releases, two release candidates, and a final release. You can access the full source code for version 4 on GitHub3.


1. http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/
2. http://www.infoworld.com/article/2974593/web-development/5-big-changes-bootstrap-4.html
3. https://github.com/twbs/bootstrap/tree/v4-dev

Related Posts

CSS Frameworks: Bootstrap 3 vs Foundation 5

Felipa Villegas
Read more

5 Benefits of Using Bootstrap

Felipa Villegas
Read more

Automated Themes using Bootstrap and LESS

Kyle Taylor
Read more

How to use Drupal Bootstrap with Webforms

Kristin Brinner
Read more

Video: Better Content Formatting Using CK Editor, Bootstrap & Drupal

Brent Bice
Read more

Adding Bootstrap Badges to Drupal Views Lists

Tom McCracken
Read more