如何在bootstrap中填充这两个b / w这两个列？

Question

我正在使用bootstraps gird，我得到了b / w列的差距：

p {
  height: 400px;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="row">
    <div class="col-md-6">
      <p>Huge text</p>
    </div>
    <div class="col-md-6">
      <p>Huge text</p>
    </div>
  </div>
</div>

Answer 1

这个装订线是标准的Bootstrap行为。一个有趣且非常有用的代码覆盖它是：

.row.no-gutter > [class*='col-'] {
   padding-right:0;
   padding-left:0;
}

用于：

<div class="row no-gutter">