bootstrap 3 increase the margin between grids

Question

I need to add space between grids, without changing .col-md-4 and .col-md-8 style

<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

I'd suggest you add a new div element inside any of the .col-md-* and give it a padding (or a margin) (Because you can't edit the default Bootstrap files).

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