http://blog.codeply.com/Ghost 0.5Tue, 26 Sep 2017 21:44:48 GMT60In Bootstrap 3, adding a new grid tier (breakpoint) was not a simple process. It required various LESS or CSS customizations. Thanks to Bootstrap 4 SASS, and the new $grid-breakpoints variable it's very easy to add a new grid tier. Consider for example you want to add a new "extra extra small" breakpoint named xxs to support device widths less that 375 pixels. You can accomplish this with SASS...

First, add the new breakpoint by starting it at zero (0) pixels, and change the existing xs breakpoint to 375.

The upcoming Bootstrap 4 is built with SASS, and you can customize many options in the _variables.scss. There are several options to quickly change the default Bootstrap look. Set the SASS variables to easily change the grid breakpoints, container widths, borders, colors, fonts and more. There is also a variable to enable flexbox and used flexbox enabled components like the grid columns, cards and form inputs.

Bootstrap 4 also makes use of CSS 3 flexbox which is an option that can be enabled by changing the $enable-flex variable. Enabling flexbox lets us make use of flexbox enabled components like the grid columns, cards and form inputs.