Bootstrap 4 alpha – New Features of Bootstrap in Coming Version

Bootstrap is awesome front end framework, Many organization and top websites are using bootstrap for his front end development. Bootstrap available on MIT license, that makes its most lovable framework of front end developer.Bootstrap angular version also available on market, so you can use bootstrap component(model, tooltip) as angular directive not need to include explicitly on your angular project.

On 19th august, Bootstrap announced bootstrap 4 with alpha release. There are a lot of new features coming on way due to its alpha release. I have listed important features of bootstrap 4.

You can also check other tutorial of bootstrap,

1 – Dropped IE8 support

Bootstrap 4 will not support IE8 browser, its will affect many features to improve Bootstrap UI.

2 – Less to Sass

Bootstrap fully follow Sass, so that you can use grunt, node, bower and compose to install or load bootstrap.

3 – Improved Grid System

In bootstrap 4, Pixels have been swapped for rems and ems.

4 – Improved Media Queries

Now due to pixel change, you can use rems and ems unit to write media queries.

Select Code
1
2
3
4
5
@media (min-width: 70em) {
  .container {
    max-width: 67.25rem;
  }
}

5- Cards

The entity introduced Cards, which will replace panels and wells. You can use card to show useful information on site.

6- Removed panels, wells and thumbnails

Bootstrap removed panels, wells and thumbnails.

7- Reboot.css

Reboot is helpful to create single file of reset styles and base styles.

8- Support jQuery 2.0

Due to dropped ie8 support, now you can use jQuery 2.0 with Bootstrap 4.

9-Display Headings

New element to show lead heading of your website.

Select Code
1
2
3
4
<h1 class="display-4">Display Heading 4</h1>
<h1 class="display-3">Display Heading 3</h1>
<h1 class="display-2">Display Heading 2</h1>
<h1 class="display-1">Display Heading 1</h1>

Conclusion

There are a lot of exciting features are coming with bootstrap v4.0 alpha. Bootstrap 4 is in alpha version so Bug fixing yet not done. They will continue to support Bootstrap 3, but only for critical bug fixes and documentation updates. No new features will be added and nothing will be removed from Bootstrap 3 .

You can check example and docs from Bootstrap 4 Alpha here.