After two years of inpatient delay, Bootstrap 4 first beta has been released a few days back. There have been significant changes in the new version. Noticeably, the Bootstrap website also got a new look. Now, a question may pop up in your mind that, how wise would it be to use Bootstrap 4 Beta on your production site. It’s obvious that those who have been using the Alpha version for a long time will consider Beta much more stable. From a broader perspective, let’s find the answer of this questions after a deserving analysis.

What major changes did Bootstrap 4 Beta bring?

Bootstrap 4 Beta is a rewritten version of almost the entire previous version. That means there has been a remarkable amount of changes in the features and components. The most significant changes are described below.


  • Moved from Less to Sass to comply faster experience.
  • Dropped wells, thumbnails, and panels for a new all-encompassing component, cards.
  • A redesigned carousel, an overhauled navbar, HTML5 form validation styles, hundreds of responsive utility classes.
  • And more new components.

Grid system and Flexbox

  • A new grid tier has been added to better target mobile devices, and completely overhauled the source Sass with better variables, mixins, and maps.
  • Added support for Flexbox in the grid mixins and predefined classes.

Browser support

  • Dropped support for IE8, IE9, and older browser versions. If you need support for IE8/IE9, Safari 8-, iOS 8-, etc you can keep using Bootstrap 3.
  • Moved to rem units for component sizing.


  • The entire documentation has been Redesigned and improved.
  • A few handy plugins have been added to streamline examples and code snippets to make working with docs easy.

Technical changes 

  • Improved auto-placement of tooltips, popovers, and dropdowns.
  • New build tools completely rewritten in npm scripts.
  • Every plugin has been rewritten in ES6 to take advantage of the newest JavaScript enhancements with new teardown methods, option type checking, new methods.
  • Forked Normalize.css and consolidated all HTML resets into a new CSS module.

Should you use Bootstrap 4 Beta on a live site?

It must be exciting to use such new cool features for your projects but if you are so cautious and fear any minor change that Bootstrap might bring in future then you may avoid it. Being released after two long years, there’s less possibility that Bootstrap will bring any major change in the final Bootstrap 4. For the most part, the version is declared Beta. So using it for your production site would potentially be safe. Since there are chances that you would tend to upgrade your products so even if there is a change in Bootstrap you can easily go for that required update.

On the other hand, since the Beta version has not been released for a long time, so there is a possibility that there would be some bugs in it which will probably be reported and fixed in future. So, if you are a hardcore risk averse, you may wait for the final release of Bootstrap 4. However, you can always play with a beta technology on experimental uses. 

So, now it’s your turn. Will you use Bootstrap 4 Beta on your live site? Please share your thoughts via comments.