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

This article is to share with you about the advantages and disadvantages of bootstrap. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Bootstrap is a front-end framework based on HTML, CSS and JavaScript. It is a set of front-end toolkits designed for the rapid development of Web applications. Advantages are: 1, the realization of responsive layout, the development of responsive layout website is very convenient; 2, unified coding style; 3, easy to write; 4, mobile device priority.

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 set of front-end toolkits designed for the rapid development of Web applications. It supports responsive layouts and insists on mobile devices first after V3.

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

Include content

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

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

Components: Bootstrap contains a wealth of Web components, according to these components, you can quickly build a beautiful, fully functional website.

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

JavaScript plug-ins: Bootstrap comes with 13 jQuery plug-ins that give "life" to components in Bootstrap. These include: mode dialog box, tab, scroll bar, pop-up box and so on.

Advantages and disadvantages of bootstrap

Advantages:

Responsive layout can be realized, and it is convenient to develop responsive layout websites.

Unified coding style

Simple and easy to write

Detailed documentation for rapid development

Mobile device priority

Mature performance, tested in a large number of projects

Disadvantages:

There is a compatibility problem, which is not supported below ie6

Sass is not supported

Using customization will result in a lot of redundant code.

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

Thank you for reading! This is the end of this article on "what are the advantages and disadvantages of bootstrap?". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

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.