Hello,

I am working on a grid layout that I am going to implement in my CMS. Layout is shown below. I am placing search results into each DIV. Most always, I will be getting 7 results which will fill each DIV. However, if the last DIV is empty I want the previous DIV to adjust and take over its area. Essentially turning the col-mid-6 to a col-md-12 when the last DIV is empty. Is this possible?

<div class="container">
<div class="row">
<div class="row">
<div class="col-md-6 tile">6 Columns</div>
<div class="col-md-6 tile">6 Columns</div>
</div>
<div class="row">
<div class="col-md-3 tile">3 Columns</div>
<div class="col-md-6 tile">6 Columns</div>
<div class="col-md-3 tile">3 Columns</div>
</div>
<div class="row">
<div class="col-md-6 tile">6 Columns</div>
<div class="col-md-6 tile">6 Columns</div>
</div>
</div>
</div>