qu'est-ce que le système de grille bootstrap

Le système de grille est au cœur de Bootstrap. C'est précisément grâce à l'existence du système de grille que Bootstrap peut disposer d'une solution de mise en page réactive aussi puissante.

Voici l'explication tirée de la documentation officielle :

Bootstrap fournit un système de grille fluide réactif et mobile qui change avec l'écran ou la fenêtre d'affichage. le système le divisera automatiquement en 12 colonnes maximum. Contient des classes prédéfinies pour des options de mise en page simples, ainsi que de puissantes classes mixin pour générer des mises en page plus sémantiques.

Comprenons ce paragraphe et constatons que la partie la plus importante est la priorité des appareils mobiles. Alors, qu'est-ce que la priorité des appareils mobiles ?

Le code CSS de base de Bootstrap démarre par défaut sur les appareils à petit écran (tels que les appareils mobiles, les tablettes), puis utilise des requêtes multimédias pour s'étendre aux composants et aux grilles sur les appareils à grand écran (tels que les ordinateurs portables, les ordinateurs de bureau).

a la stratégie suivante :

Contenu : décidez de ce qui est le plus important.

Mise en page : donnez la priorité aux conceptions de plus petite largeur.

Amélioration progressive : des éléments sont ajoutés au fur et à mesure que la taille de l'écran augmente.

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!