Quel est le principe du bootstrap ?

Le principe de mise en œuvre du système de grille est de définir la taille du contenant et de le diviser en 12 parties égales (il peut également être divisé en 24 ou 32 parties, mais 12 parties est la plus courante), puis ajustez les marges intérieures et extérieures, et enfin combinez-les avec des requêtes multimédias pour créer un puissant système de grille réactif. Le système de grille du framework Bootstrap divise le conteneur en 12 parties égales.

Quel est le principe du bootstrap

Le principe de mise en œuvre du bootstrap

En définissant la taille du conteneur, divisez en 12 parties égales (il y a aussi 24 copies, 23 copies (prenez 12 copies pour en faire une douzaine, ce qui signifie une perfection avancée), puis ajustez les marges intérieures et extérieures, et enfin combinez-les avec des requêtes multimédias pour créer un puissant système de grille réactif. . (La valeur de 12 peut être modifiée en recompilant le code source LESS).

1. La ligne de données (.row) doit être contenue dans le conteneur (.container) afin de bénéficier d'un alignement et d'un remplissage appropriés.

2. Vous pouvez ajouter des colonnes (.column) dans des lignes (.row), mais la somme du nombre de colonnes ne peut pas dépasser le nombre total de colonnes divisées en deux, par exemple : 12.

3. En définissant Padding, il crée un espace entre les colonnes. Compensez ensuite l'effet du remplissage en définissant des marges négatives pour la première et la dernière colonne.

4. Si vous ne souhaitez pas que deux colonnes adjacentes soient proches l'une de l'autre, utilisez la fonction de décalage pour y parvenir.

Recommandations associées : "Tutoriel 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!