CODEWITHSUNDEEP
csstwitter-bootstrap
Omar A
Omar A

Reputation: 81

Negative left and right margin of .row class in Bootstrap

Just out of curiosity, why bootstrap uses -15px left and right margins which going to cancel the 15px left and right padding on .container and .container-fluid classes.
Why set padding and then cancel it with a negative margin on the child?

Upvotes: 8

Views: 2770

Answers (2)

pixlboy
pixlboy

Reputation: 1502

A negative margin on row avoids the blank space that would be left because of padding of first column. In its absence the whole layout will look a little indented.

Upvotes: 2

MHD Alaa Alhaj
MHD Alaa Alhaj

Reputation: 3213

As in Official Bootstrap Website said:

Rows are wrappers for columns. Each column has horizontal padding (called a gutter) for controlling the space between them. This padding is then counteracted on the rows with negative margins. This way, all the content in your columns is visually aligned down the left side.

Upvotes: 1

Related Questions