Pourquoi bootstrap a-t-il 12 colonnes ?

On m'a posé une question aujourd'hui : "Vous êtes-vous déjà demandé pourquoi Bootstrap a 12 colonnes par défaut ?"

Après avoir utilisé Bootstrap pendant un moment, j'ai vraiment, je n'ai pas réfléchi à la raison pour laquelle la valeur par défaut est de 12 colonnes. (Apprentissage recommandé : Tutoriel vidéo Bootstrap)

Je pense que c'est le cas car la mise en page est plus pratique, et il est courant de la diviser en 2, 3 ou 4 blocs.

Puisque nous avons une hypothèse, il nous reste encore à la vérifier.

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 voici la question : 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 sont le premier choix des développeurs et des concepteurs, mais 12 ou 24 colonnes peuvent être plus flexibles. Parmi eux, la disposition des colonnes impaires est plus courante. Par exemple, vous pouvez souvent voir la disposition de trois colonnes.

Pour des articles plus techniques liés à Bootstrap, veuillez visiter la colonne Tutoriel Bootstrap pour apprendre !

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!