嵌套与被嵌套的列宽不配合

<div class="container">
  <div class="row">
    <div class="col-md-6 bg-primary">
      我的里面嵌套了一个网格
      <div class="row">
        <div class="col-md-3  bg-success">col-md-3</div>
        <div class="col-md-3  bg-danger">col-md-3</div>
      </div>
    </div>
    <div class="col-md-4 bg-info">col-md-4</div>
  </div>