html5 - Quelques questions dans l'introduction au bootstrap

Question

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 ? ?

Answer 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

.