Bootstrap 4 Migration of dharmishi.com


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 www.dharmishi.com to Bootstrap 4.

What’s new in Boostrap 4

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 getbootstrap.com 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 info@dharmishi.com 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.

We are your Digital Marketing Partner

Whether your brand needs a little bit of tweaking or a complete overhaul, we have a personalized plan for you.


Best for simple, small-scale jobs or one-time updates.

Fixed Cost

Best for bigger projects with defined scope of work.


Best option for ongoing projects and for agencies.

Not sure what you need? That's okay!

Contact us for 100% Free Consultation!

Call now for 100% free consultation


Whatsapp us to chat with an expert


Home About Us Industries Working Method FAQs Blog Pricing Contact Us Sitemap

© Copyright 2011 - 2021, Dharmishi Technologies

Send Enquiry