Why bootstrap has 12 grids

Bootstrap is a set of open source front-ends for website and web application development (the so-called "front-end" refers to the interface displayed to the end user. The corresponding "back-end" ” is a code running on the server) framework, including HTML, CSS and JavaScript frameworks, providing font typography, forms, buttons, navigation and other various components and Javascript extensions, aiming to make the development of dynamic web pages and web applications more easy.

Why bootstrap is a 12-column grid

Because 12 is the least common multiple of 1, 2, 3, 4, and 6, the 12-column grid system is relatively flexible. Supports dividing a row into 1 column, 2 columns, 3 columns, 4 columns, and 6 columns. If you want to support 5 columns, then the least common multiple of 1, 2, 3, 4, and 5 is 60, and the number 60 is obviously too large for the grid system.

Related recommendations: "bootstrap tutorial"

The above is the detailed content of Why bootstrap has 12 grids. For more information, please follow other related articles on the PHP Chinese website!