title: Bootstrap Row Negative Margin
body: <p>Why does Bootstrap row element have <code>margin-left: -15px</code> and <code>margin-right: -15px</code>? When a <code>row</code> element is nested into a <code>col-**-*</code> element, it sticks out even on their official site. What is the best way to make a nested <code>row</code> not stick out from its parent <code>col-**-*</code>?</p>
  
  <p><a href="https://i.stack.imgur.com/X2yux.png" rel="noreferrer">Link to the screenshot</a></p>