New in Bootstrap 4

By | May 6, 2018

New in Bootstrap 4

Bootstrap-4-whats-new_Blog

Finally, Twitter released Bootstrap 4 beta version and bootstrap turned six years old

A quick overview of Bootstrap:

Bootstrap originally named Twitter Blue print was developed by Mark Otto and Jacob Thornton at Twitter as a framework and was first appeared on August 19, 2011.

On January 31, 2012, Bootstrap 2 was released, which added a twelve-column responsive grid layout system, inbuilt support for Glyph icons, several new components, as well as changes to many of the existing components.

On August 19, 2013, Bootstrap 3 was released, which redesigned components to use flat design, and a mobile first approach.

On October 29, 2014, Mark Otto announced that Bootstrap 4 was in development. The first alpha version of Bootstrap 4 was released on August 19, 2015. The first beta version was released on 10 August 2017.

 

Previous Features of Bootstrap :

Bootstrap 3 supports all the latest versions of Google Chrome, Mozilla Firefox, Safari, Opera, Internet Explorer.

Since 2.0, Bootstrap supports responsive web design. This means the layout of web pages adjusts dynamically.

Starting with version 3.0, Bootstrap adopted a mobile-first design philosophy, emphasizing responsive design by default.

 

 

Now Let’s talk about Bootstrap 4 :

bootstrap-stack

As of Bootstrap 4, SASS is used instead of LESS for the stylesheets.

Bootstrap 4 started using one of the coolest feature of CSS-3 i.e., flexbox for grid layout.

css_flexbox_thumb

Dropped IE8, IE9 and iOS6 Support.

ywgpb

On window support for Internet Explorer 10-11/ Microsoft Edge

Improved Grid System based on root ems.

Capture_1

Must have a look at Card layouts.

Capture_7

Category: UI

Leave a Reply

Your email address will not be published. Required fields are marked *