ایجاد فاصله بین دو div با کلاس col-md-6

با درود ​​​​​برای اینکه فاصله همانند تصویر زیر ایجاد گردد باید از روش زیر استفاده کنید.

<div class="container">
    <div class="row">
        <div class="col-md-6">
            <div class="bg-success">
                شماره 1
            </div>
        </div>
        <div class="col-md-6">
            <div class="bg-warning">
                شماره 2
            </div>
        </div>
    </div>
</div>

می تونید به صورت زیر کدهای html رو بنویسید :

<style>
    .box{
        box-sizing:border-box;
        border:3px solid transparent;
        background-clip:padding-box;
    }
</style>

<div class="row">
    <div class="col-md-6 bg-white box">
        پنل سمت راست
    </div>
    <div class="col-md-6 bg-white box">
        پنل سمت چپ
    </div>
</div>