Bootstrap Row Negative Margin

Viewed 14100

Why does Bootstrap row element have margin-left: -15px and margin-right: -15px? When a row element is nested into a col-**-* element, it sticks out even on their official site. What is the best way to make a nested row not stick out from its parent col-**-*?

Link to the screenshot

1 Answers

You can overwrite bootstrap css rules by calling your custom stylesheet file after bootstrap's.

.row {
  margin: 0;
}

If you want to apply this only to rows nested into col-*

[class*=”col-”] .row {
  margin: 0;
}
Related