html表格怎么设置浮动,html – 表格布局和浮动左和引导网格

我已经研究过这个问题,但没有得到令人满意的答案.我正在使用bootstrap的网格布局.

请查看Fiddle here并调整输出窗口的大小 – 在调整大小时,您可能已经注意到当寡妇大小足以添加col-sm-classes时,我的表格布局会中断.

我想要的是两列的高度在它们彼此相邻时(最大元素的高度)应该是相同的,并且当它们彼此顶部/底部时,它们应该采用它们自己的高度(现在正在工作).

HTML

abcde

abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde

CSS

.architect-table {

display: table;

width: 100%;

}

.row {

display: table-row;

}

.cell {

display: table-cell;

min-height: 44px;

border: 1px solid black;

}

但是我知道,如果我删除float：left style,一切都会正常工作.但我不能因为我想要一个bootstrap的网格布局.任何帮助,将不胜感激.