Can bootstrap be divided into 24 grids?

What is bootstrap

1. Bootstrap is a front-end framework for rapid development of web applications and websites. . Bootstrap is based on HTML, CSS, and JAVASCRIPT.

2. Bootstrap, from Twitter, is currently a very popular front-end framework. Bootstrap is based on HTML, CSS, and JavaScript. It is simple and flexible, making web development faster. It was developed by Twitter designers MarkOtto and Jacob Thornton and is a CSS/HTML framework. 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) and 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.

Related recommendations: "bootstrap Getting Started Tutorial"

Grid Layout

1. Bootstrap has a set of built-in responsiveness , a mobile-first fluid grid system that automatically divides into up to 12 columns as the screen device or viewport size increases.

2. The implementation principle of the grid system is very simple. Just define the size of the container, divide it into 12 equal parts (it can also be divided into 24 or 32 parts, but 12 parts is the most common), and then adjust the inner and outer edges. distance, and finally combined with media queries to create a powerful responsive grid system. The grid system in the Bootstrap framework divides the container into 12 equal parts.

How to achieve 24 grids?

The bootstrap grid can be divided into 24 grids, which can be nested on the basis of 12 respectively. Nesting one grid per grid can achieve 24 grids.

The above is the detailed content of Can bootstrap be divided into 24 grids?. For more information, please follow other related articles on the PHP Chinese website!