Shulou(Shulou.com)06/03 Report--

Editor to share with you which versions of bootstrap4, I believe that most people do not know much about it, so share this article for your reference, I hope you will learn a lot after reading this article, let's go to know it!

Bootstrap currently has only Bootstrap v4.0.0 in version 4, and there are no other versions.

As the most popular CSS framework in the world, Bootstrap can make front-end development faster and easier. All developers can get started quickly, all devices can be adapted, and all projects are applicable. The current stable version of Bootstrap is 3.3.5. On August 19th, 2015, the Bootstrap 4 alpha version was released. Bootstrap4 no longer supports IE8.

Bootstrap 4 alpha will be compiled using SCSS.

In Bootstrap version 1. 0, there were only a few very limited grid systems, fonts, and list styles. It was not until the Bootstrap2.0 version that a responsive CSS framework was provided.

When it comes to the Bootstrap3.0 version, it fixes many of the previous Bug and provides a variety of features such as a flat design. Now, Bootstrap4 will provide more new features, and will no longer support some old browsers.

Let's take a look at some of the new features provided by Bootstrap 4 alpha.

From Less to Sass

Bootstrap 4 alpha an important change is to no longer use Less to compile files, but to use Sass instead. Bootstrap 3 uses Less to compile the release (it also has a separate compiled version of SASS). The reason for this change is that there are more Sass users.

In Bootstrap 4 alpha, variables for animation transition effects (transitions), gradient (gradients) and other attributes are placed in a separate file and can be customized to Sass variables.

You can see all the options you can customize here.

Enhanced grid system

In Bootstrap 3, you mark the size of an element on screens of different sizes, in pixels, by using different class on the element. In Bootstrap 4 alpha, it is changed to em as a unit. There is a new-sm attribute in Bootstrap 4 alpha to label mobile devices.

Look at the picture below to compare the differences between the two versions.

Give up support for IE8

Bootstrap 4 alpha no longer supports Internet Explorer 8. An important reason is that IE8 browsers do not support CSS media queries (Media query), and media query is one of the important rules for the framework to implement responsive design.

For front-end developers, it is a headache to make the site adapt well to the old browser. If you need to support IE8, you can use Bootstrap3.

Abandon the use of Glyphicons font icon

Bootstrap 4 alpha may no longer use glyphicons font icons. There is no clear official explanation for this statement.

Optional Flexbox mode

Flexbox is a flexible layout of CSS, and you can use Flexbox in Boostrap 4 alpha by following these steps:

● opens the scss file and finds the $enable-flex variable.

● changed it from false to true.

When ● is recompiled, it will be converted to Flexbox mode.

These are all the contents of this article entitled "what are the versions of bootstrap4?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.