html5 - Quelques questions dans l'introduction au bootstrap
滿天的星座
滿天的星座 2017-05-16 13:42:55
0
1
943

Je viens de voir cette phrase :
En définissant l'attribut padding pour "column", vous pouvez créer un espace (gouttière) entre les colonnes. En définissant une marge négative pour l'élément .row afin de compenser le remplissage défini pour l'élément .container, le remplissage est indirectement compensé pour la "colonne" contenue dans la "ligne".
Je ne comprends pas très bien ce que cela signifie. Existe-t-il une explication ou un exemple plus simple ? ?

滿天的星座
滿天的星座

répondre à tous(1)
淡淡烟草味

La valeur de marge négative de la ligne sert principalement à éliminer les marges des éléments et des conteneurs de colonne les plus à gauche et à droite

Vous pouvez lire le texte original (http://getbootstrap.com/css/#...)

Les colonnes créent des gouttières (espaces entre le contenu des colonnes) via le remplissage. Ce
padding est décalé en lignes pour la première et la dernière colonne via une marge
négative sur .rows.

Nous savons que l'ordre d'utilisation des grilles dans bootstrap est conteneur ->

Leur définition CSS :

.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col-*-* {
    padding-right: 10px;
    padding-left: 10px;
}
S'il n'y a pas de décalage de marge négative, il y aura un écart avant et après. Vous pouvez supprimer vous-même la marge négative et la comparer pour voir la différence

.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal