Как сделать две колонки одинаковой высоты на бутстрапе?

Question

[Ivan-P]

Нужно в бустсрапе сделать 2 колонки одинаковой высоты.
В правой будет текст, а в левой - оглавление с vertical-align: middle.

Пытался добавить ROWу еще один класс:

.n-cols {
	display: table;
}

а колонкам соответственно:

.n-cols > div {
	display: table-cell;
	vertical-align: middle;
}

но колонка с оглавлением упрямо не хочет набирать высоту больше чем высота контента внутри.

UPD
Оказывается float: right (который задается бутстраповским колонкам) и display: table-cell не работают вместе! Если задаю колонкам float:none, по работает выкавнивание как на картинке, но отказывается работать бутстраповская сетка на этом участке..

Как решить проблему?

Answer 1

[Роман]

А добавить кастомный стиль колонке не пробовали? С указанием высоты.

Comments

[Ivan-P]

Одновил вопрос. Высоту задавать не хочется, так как не известко сколько текстра будет в правой колонке.

Answer 2

[MacDag]

кастомный стиль попробуйте

Answer 3

[Роман]

в своем css через media для меньших расширений где тебе не нужна одинаковая высота отмени table-cell и float или пропиши для этих блоков display:inline-block; verical-align:middle; и эти блоки будут по центру относительно друг друга