css - 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

我建议你在任何 .col-md-* 中添加一个新的 div 元素并给它一个填充(或边距)(因为你无法编辑默认的 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>