Share this article

Since the final stable version release on January 18, 2018, we have been trying to find some time for Bootstrap 4 migration of our website. The new framework came with a lot of new features which I will be discussing in this article. I will also discuss how I migrated the website to Bootstrap 4.

What’s new in Boostrap 4

bootstrap 4 migration - whats new

This is not a tutorial article, so I will not be going very deep, but will be keeping it very simple. Since the announcement of Bootstrap 4 in late 2014, we have been waiting for it. Being one of the most widely used mobile-first responsive framework, and since it comes with so many ready to use features, it was an obvious choice when we made our website responsive. Bootstrap 4 comes with so many additional classes that your custom CSS gets minified to a whole new level.

I can say that because when I was reading the documentation of Bootstrap 4 after its final release, I could find almost every predefined classes for layouts, spacing, breakpoints and many other things, which till now, I had to write. And with the addition of flexbox support, it made using the grid system really easy.

Global Changes in Boostrap 4

The all new Bootstrap 4 has come with some global changes which are noteworthy. Some of them are:

  • Source CSS files are now built up on SASS instead of LESS
  • The primary unit is REM instead of PX.
  • Breakpoints for media queries are now switched to EMs from PXs
  • Global font size – which was a must do change, is now 16px.

Bootstrap 4 Migration

Though they have introduced many new classes, Bootstrap 4 migration is not really that difficult. A small guide on the official documentation of Bootstrap website would help you to easily do it. The most useful classes that I personally loved from Bootstrap 4 are the utility classes like border, border radius, display, padding, margin and more.

A thorough read on should make you ready to Bootstrap 4 migration of your website, but if you find any problems in doing that, hire us. Yes, since we like it so much, we are now using Bootstrap 4 as a standard, and even offering a free update to our regular clients. If you want to update your website from Bootstrap 3 to Bootstrap 4, drop us an email with your website address at [email protected] and definitely we would love to help you.

If you are completely unaware of how to get a website started, read this helpful article to start now.

Ankit Gupta

Though completed his MCA in 2013, Ankit started his career as a freelance web and graphic designer in 2011. After completing post grad from Pune, he worked in an antivirus company for a couple of years as PHP Developer. With all experience and knowledge and interest in web technologies, Ankit pivoted himself to web design and development and started Dharmishi Technologies.

Want to Know More About Us?

© Copyright 2012 - 2018, Dharmishi Technologies