bootstrap 3增加了网格之间的边距

Question

我需要在网格之间添加空格，而不更改.col-md-4和.col-md-8样式

<div class="row" >
    <div class="col-md-4" style="height:250px;">grid1</div>
    <div class="col-md-8" style="height:250px;">grid2</div>
</div>

Answer 1

我建议您在div的任何内容中添加一个新的.col-md-*元素并为其添加填充（或边距）（因为您无法编辑默认的Bootstrap文件）。

    <div class="row" >
            <div class="col-md-4" style="height:250px;">grid1</div>
            <div class="col-md-8" style="height:250px;">
                <div style="padding-left: 20px;">grid2</div> <!-- The added div -->
            </div>
    </div>

Answer 2

另一个选择是创建一个特殊的CSS类并将其应用于您想要更宽间距的行。

.row.wide-gutter [class*='col-']:not(:first-child):not(:last-child) {
  padding-right:20px;
  padding-left:20px;
}

演示：http://bootply.com/110509