Автоматически растянуть столбец начальной загрузки, если соседний div пуст

Question

Инструменты:

У меня есть следующие инструменты: Bootstrap, .less

Вопрос:

Есть ли способ автоматически растянуть столбец, если в соседнем столбце ничего нет. Вот HTML, который мне интересен:

<section class="document-viewer fadeIn">
    <div class="tb-container">
        <div class="row">
            <div class="col-md-9">
                stuff in here
            </div>
            <div class="col-md-3">
                <div class="something">
                    sometimes stuff in here, but not always
                </div>
                <div class="something">
                    sometimes stuff in here, but not always
                </div>
                <div class="something">
                    sometimes stuff in here, but not always
                </div>
            </div>
        </div>
     </div>
</section>

Что я хочу :

(см. Пунктирную зеленую линию)

начальная версия 3

Answer 1

Вы можете добавить class / id .column или .column1 .columnN со стилем:

.collumn {
    min-height: 500px;
    background: gray;
    border: 3px solid black;
  }

Отрегулируйте высоту так, как вы хотите, и добавьте этот класс в ваш HTML.

Answer 2

Вы можете использовать класс авто столбца:

<div class="col-md-auto">Content</div><div class="col col-lg-3"></div>