Maison > interface Web > tutoriel CSS > qu'est-ce que le système de grille bootstrap

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

藏色散人
Libérer: 2021-05-28 15:18:23
original
4324 Les gens l'ont consulté

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal