Bootstrap same height column without removing float

Hi all

I have a jsfiddle here -

I need the columns to be the same height.

I would normally do this with display table and removoing the float.

The content is created in a loop and sometimes some of the columns in the row are empty like the bottom row in the example.

Becuase the float is removed the the colums are centered.

Is there a way to have columns with the same height without removing the float.

The columns have dynmic content so I can’t set there height.

Bootstrap has this built in functionality for equal heights:

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.