What is bootstrap and what are its advantages

Bootstrap is a front-end framework based on HTML, CSS, and JavaScript. It is a set of front-end toolkit designed for rapid development of Web applications. The advantages are: 1. Implement responsive layout, and it is very convenient to develop responsive layout websites; 2. Unified coding style; 3. Simple and easy to write; 4. Mobile device priority, etc.

The operating environment of this tutorial: Windows7 system, bootsrap3.3.7 version, DELL G3 computer

What is Bootstrap

Bootstrap is Twitter’s open source front-end framework based on HTML, CSS, and JavaScript. It is a front-end toolkit designed for rapid development of web applications. It supports responsive layout and adheres to mobile device priority after the V3 version.

Bootstrap provides elegant HTML and CSS specifications, which are written in the dynamic CSS language Less. Bootstrap has been very popular since its launch and has been a popular open source project on GitHub, including NASA's MSNBC (Microsoft National Broadcasting Company) Breaking News. Some frameworks that are familiar to domestic mobile developers, such as the WeX5 front-end open source framework, are also performance optimized based on the Bootstrap source code.

Content

• Basic structure: Bootstrap provides a basic structure with a grid system, link styles, and background. This will be explained in detail in the Bootstrap basic structure section.

• CSS: Bootstrap comes with the following features: global CSS settings, defining basic HTML element styles, extensible classes, and an advanced grid system.

• Components: Bootstrap contains a wealth of Web components. Based on these components, you can quickly build a beautiful and fully functional website.

• It includes the following components: drop-down menu, button group, button drop-down menu, navigation, navigation bar, path navigation, paging, layout, thumbnail, warning dialog, progress bar, media Objects, etc.

• JavaScript plug-ins: Bootstrap comes with 13 jQuery plug-ins, which give "life" to components in Bootstrap. These include: modal dialog boxes, tabs, scroll bars, pop-up boxes, etc.

bootstrap advantages and disadvantages

##Advantages:

• Responsive layout can be implemented, and it is very convenient to develop responsive layout websites

• Uniform coding style

• Simple and easy to write

• Detailed documentation for rapid development

• Mobile device priority

• Mature performance, used in a large number of projects Tested using

Disadvantages:

• There are compatibility issues, and it is not supported under IE6

• Sass is not supported

• Using customization will produce a lot of redundant code

• When you click the navigation page to directly switch to the corresponding position , the effect is like an anchor point, without scrolling animation

Recommended learning: "

bootstrap usage tutorial"

The above is the detailed content of What is bootstrap and what are its advantages. For more information, please follow other related articles on the PHP Chinese website!