html空格折叠原因,html – 使用Bootstrap列折叠空白

首先,这是我正在讨论的问题的屏幕截图：

我试图让空白消失.例如,我希望第4条评论(“评论评论评论”)在第一条评论之下,它们之间没有很大的差距,而不是跳过该列并进入第二列.

基本上,我想要这些Bootstrap井的3列,而不关心其他列的注释的高度.我已经尝试过使用clearfix,但是我并不完全理解在这种情况下是否正确(无论如何我都无法工作).

这是代码：

×

{{comment.text}}

-{{comment.name}}

Leave your comment here!

Comment

这是我希望它看起来像的截图(这个例子说明了没有计算注释的高度并在一个修改版本的crazymatt代码上使用简单的％3比较的问题.

生成时间为：

×

{{comment.text}}

-{{comment.name}}

×

{{comment.text}}

-{{comment.name}}

×

{{comment.text}}

-{{comment.name}}