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

This article will explain in detail what modules are included in the overall architecture of bootstrap. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

Overall architecture

12 grid system-the screen is divided into 12 halves (columns). Use rows (row) to organize elements (each row contains 12 columns), and then put the content in the column. Column offset is controlled by col-md-offset-*.

Basic layout components-Bootstrap provides a variety of basic layout components. Such as typesetting, code, forms, buttons, forms, etc.

All Jquery--Bootstrap JavaScript plug-ins depend on Jquery's. If you want to use these JS plug-ins, you must reference the Jquery library. That's why we need to reference the Jquery library in addition to Bootstrap's JS file and CSS file, which are dependencies.

CSS components-Bootstrap preimplements a lot of CSS components for us. The following pull boxes, button groups, navigation and so on. In other words, Bootstrap content defines a lot of CSS styles for us, and you can apply these styles directly to the previous drop-down boxes and other elements.

JavaScript plug-ins-Bootstrap also implements some JS plug-ins for us, and we can use the plug-ins to complete some common functions without having to rewrite JS code to achieve effects like prompt boxes and modal windows.

Responsive design-this is a design concept. Responsive means that it automatically adjusts the page according to the screen size, so that the front-end page can perform well on screens of different sizes.

Bootstrap is made up of the above parts.

This is the end of the article on "what modules are included in the overall architecture 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, please 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.