how can i space between two div in bootstrap?

Question

<div class="row page-title form-group">

<div class="col-md-7 form-control" style="border:2px solid skyblue; height:300px; overflow:hidden;margin-left:30px; @*visibility:hidden;*@">

<h3 class="text-themecolor m-b-0 m-t-0">Site Traffics</h3>

<img src="~/Content/img/graph.jpg" class="img-responsive" style="width:750px; height:270px;" alt="1" />

</div>

<div class="col-md-2 form-control" style="border:2px solid skyblue; margin-left:25px; height:100px;">

<h3 class="text-themecolor m-b-0 m-t-0">Registered Users</h3>

<ol class="breadcrumb">

<li class="breadcrumb-item"><a href="javascript:void(0)">1000</a></li>

</ol>

</div>

<br />

<div class="col-md-2 form-control" style="border:2px solid skyblue; margin-left:25px; height:100px; float:right;">

<h3 class="text-themecolor m-b-0 m-t-0">Visitors</h3>

<ol class="breadcrumb">

<li class="breadcrumb-item"><a href="javascript:void(0)">2000</a></li>

</ol>

</div>