問(wèn)題描述

剛才看到這句：通過(guò)為“列（column）”設(shè)置 padding 屬性，從而創(chuàng)建列與列之間的間隔（gutter）。通過(guò)為 .row 元素設(shè)置負(fù)值 margin 從而抵消掉為 .container 元素設(shè)置的 padding，也就間接為“行（row）”所包含的“列（column）”抵消掉了padding。不是很能理解是怎么個(gè)說(shuō)法，有沒(méi)有通俗一點(diǎn)的說(shuō)法或者例子？？

問(wèn)題解答

row的負(fù)margin值主要是為了消除最左邊和最右邊的column元素和container的邊距

可以看下原文（http://getbootstrap.com/css/#...）

Columns create gutters (gaps between column content) via padding. Thatpadding is offset in rows for the first and last column via negativemargin on .rows.

我們知道bootstrap中柵格的使用順序是 container -> row -> col

他們的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;}

如果沒(méi)有負(fù)margin的抵消，前后就會(huì)有間隙，你可以自己把負(fù)margin去掉對(duì)比下，看下區(qū)別