First knowledge of Bootstrap

Bootstrap Overview

　Bootstrap is a front-end framework that can be used to quickly develop responsive pages and can be developed quickly for PC-side or mobile-side development, greatly improving development efficiency.

Bootstrap from Twitter, is currently the most Popular front-end framework. It is a simple, flexible, open-source framework based on HTML, CSS, and JavaScript.

　　 1, Why to use Bootstrap when the need to make responsive web pages to adapt to various terminals, we through the media query, for each terminal to be adapted to set the corresponding style or even change the structure of the Web page, and development and maintenance is also very cumbersome. The Bootstrap library contains a lot of out-of-the-box code snippets with a variety of styles and features that add more energy to your site, and Web developers don't have to spend time and effort coding, just find the right code and plug it into the right place. The main thing is that these snippets are encapsulated and can be applied to different end devices, whether in a PC browser or tablet, mobile phone, etc., to browse the Web very well.

Some of the effects in the BOOTSTRAP framework are developed using HTML5 and CSS3, and we all know that the properties of CSS3 are compatible. When Twitter first developed the tool, it took into account the inconsistent performance of the browser, so Bootstrap has done a compatible approach to ensure that the interface on different platforms of unity. In IE, Chrome, Firefox and other browsers can see a unified interface.

At present, we use a wide range of versions 2.0 and 3.0, which we explain in version 3.0. Since version 3.0, Bootstrap moved into mobile-first thinking, allows us to use it to quickly develop mobile projects. Rewrite the entire framework in Bootstrap 3.0 so that it starts out as a mobile-friendly device. This time, instead of simply adding some optional styling to the mobile device, it blends directly into the framework's kernel.

2. Bootstrap Use Scene
Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive layouts, mobile device-first WEB projects. This is the core concept of Bootstrap, from which we can also see that the use of Bootstrap is to create a responsive page for each terminal, the production of mobile device projects.

In fact Bootstrap is a "Magnum" framework, because it is not only used in the two scenarios above, it integrates CSS style and JavaScript interactive effects, as long as there is a page in the place can be used.

First knowledge of Bootstrap