The row as a margin:-15 so it is larget than its container(-fluid).
Is there a reason for it ? How to cut it out (properly) ?
Asked
Active
Viewed 1,760 times
0
Hugolpz
- 17,296
- 26
- 100
- 187
-
If you downvote please give a hint on the reason so I can close the question if absurd, or improve it if not good enough. – Hugolpz Feb 07 '17 at 18:35
-
I did not downvote it. I only referenced the dup question. – Carol Skelly Feb 11 '17 at 08:52
1 Answers
2
By design, there is a 15px space between 2 columns in bootstrap. And when implementing it, bootstrap's creator uses CSS properties called padding-left and padding-right to set the left and right padding of the column so that the requirement could be full-filled.
Reference: access this link and search for Gutter Width
But there is a problem. The first column only needs padding-right and the last column only needs padding-left.
To solve that problem, bootstrap's creator comes up with a solution in which they sets the left and right margin of the row to be -15px (negative padding is not supported in CSS).
I usually create another CSS class that adjust the padding / margin then append it after the row class.
Cù Đức Hiếu
- 5,569
- 4
- 27
- 35