Maison  >  Article  >  interface Web  >  Pourquoi le bootstrap n'a-t-il que 12 colonnes par défaut ?

Pourquoi le bootstrap n'a-t-il que 12 colonnes par défaut ?

藏色散人
藏色散人original
2020-12-04 09:35:492329parcourir

Bootstrap ne peut avoir par défaut que 12 colonnes car 12 est le plus petit commun multiple des nombres "1, 2, 3, 4, 6", donc le système de grille à 12 colonnes est relativement flexible et prend en charge la division d'une ligne. en 1 colonne, 2 colonnes, 3 colonnes, 4 colonnes, 6 colonnes.

Pourquoi le bootstrap n'a-t-il que 12 colonnes par défaut ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version bootstrap3, ordinateur Dell G3.

Pourquoi Bootstrap a-t-il 12 colonnes par défaut ?

On m'a posé une question aujourd'hui : "Vous êtes-vous déjà demandé pourquoi Bootstrap a 12 colonnes par défaut ?" Généralement divisé en 2 blocs, 3 blocs et 4 blocs, qui peuvent être facilement divisés.

Puisque nous avons une hypothèse, il nous reste encore à la prouver.

Recherche Google pendant un moment.

Contrary to the question’s parenthetical, Bootstrap was always at 940px wide, and not 960px, even with the original 16 columns. With the switch to 12 columns in Bootstrap 2, we wanted to simplify the overall grid (16 columns is right on the edge of enough granularity) and make it easier to get three columns.

La signification générale est qu'il s'agissait à l'origine de 16 colonnes, mais qu'il a ensuite été modifié en 12 colonnes pour faciliter la disposition de trois colonnes.

D'accord, alors la question est : pourquoi 16 colonnes ont-elles été conçues auparavant ?

Allez sur Google.

16-columns has long been the go-to grid for designers and developers, but we’ve noticed a shift to 12- and 24-columns to offer a more flexible layout. And they’re right for doing so—gridded layouts work best with an odd number of columns (you often see three columns, but four or six are not that popular).

Il s'agit d'une discussion dans la liste de bogues github de Bootstrap en 2011. Le titre demande pourquoi 16 colonnes ont été utilisées au lieu de 24 colonnes. Il s'avère qu'il y a 24 colonnes avant les 16 colonnes. En gros, 16 colonnes constituent le premier choix des développeurs et des concepteurs, mais 12 ou 24 colonnes peuvent être plus flexibles. Parmi eux, la disposition en colonnes impaires est plus courante. Par exemple, vous pouvez souvent voir la disposition en trois colonnes.

Ici, je ne sais pas pourquoi 16 colonnes sont le premier choix des développeurs et des concepteurs. Mais plus tard, j'ai mentionné que la mise en page à trois colonnes est plus courante, et c'est effectivement le cas. Par exemple, la page d'accueil du CSDN a une mise en page à trois colonnes. Il n'est pas très pratique de diviser 3:1 ou 3:2 avec 16 colonnes.

Et 12 est le plus petit commun multiple de 1, 2, 3, 4 et 6, donc le système de grille à 12 colonnes est relativement flexible et prend en charge la division d'une ligne en 1 colonne, 2 colonnes, 3 colonnes, 4 colonnes et 6 colonnes. Si vous souhaitez prendre en charge 5 colonnes, alors le plus petit commun multiple de 1, 2, 3, 4 et 5 est 60, et le nombre 60 est évidemment trop grand pour le système de grille.

Recommandé : "

Tutoriel vidéo bootstrap

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn