Bootstrap же колонки по высоте без снятия поплавка

Question

У меня есть jsfiddle здесь - https://jsfiddle.net/6cascyr8/

мне нужны колонки, чтобы быть на той же высоте.

Обычно я делаю это с таблицей отображения и удалением поплавка.

Содержимое создается в цикле, и иногда некоторые из столбцов в строке пусты, как нижняя строка в примере.

Очистить поплавок, удалив столбцы по центру.

Есть ли способ иметь столбцы с одинаковой высотой без удаления поплавка.

Столбцы имеют динамическое содержимое, поэтому я не могу установить там высоту.

.the-table{ 
     display:table; 
     border-spacing:20px; 
    } 

    .the-cell{ 
     color: white; 
     float:none; 
     display:table-cell; 
     background:red 
    } 

Answer 1

Ниже CSS должен заботиться о оставили совместив ячеек таблицы

.the-table:before { 
    content: normal !important; 
} 

Однако, вы увидите проблему выравнивания в клетках из-за вашего border-spacing: 20px. Замените это комбинацией (толстых белых) границ на ваших ячейках и, возможно, дополнением к строкам.