Bootstrap - Удалить разрыв между столбцами в строке

Question

У меня есть страница, которая динамически добавляет столбцы в строку из результата базы данных.

В этой строке есть одна родительская оболочка строки и несколько столбцов. Я ожидаю, что они будут занимать всю ширину родительского элемента и выровняют соответственно, но, по-видимому, будет разрыв, так как некоторые разделы увеличиваются по высоте.

Как я могу соединить эти панели, не нажимая вниз?

Скрипка: http://jsfiddle.net/o483edpt/

Вот фрагмент кода для этого раздела:

<div class="col-md-9">
        <div class="col-md-12">
            <div class="row">
                <!-- Section -->
                <div class="col-md-6" *ngFor="let s of profileData.sections.section">
                    <div class="hpanel hblue">
                        <div class="panel-heading hbuilt">
                            <i class="{{ s.Icon }} padRight"></i>{{ s.SectionName }}
                            <a href="#">
                                <i class="fa fa-external-link pull-right"></i>
                            </a>
                        </div>
                        <div class="panel-body">
                            <table class="table table-condensed table-striped" *ngIf="s.fields">
                                <tbody>
                                    <tr *ngFor="let f of s.fields.field">
                                        <td>{{ f.FieldTitle }}</td>
                                        <td>{{ f.Value }}</td>
                                    </tr>
                                </tbody>
                            </table>
                            <div *ngIf="!s.fields">
                                <div class="alert alert-danger">
                                    No Data Available
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Section -->
            </div>
        </div>
    </div>