css – 当上面的列具有不同的高度时,Bootstrap列浮动到左侧

前端之家收集整理的这篇文章主要介绍了css – 当上面的列具有不同的高度时,Bootstrap列浮动到左侧前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有4个div,在全屏模式下以直线对齐.
当屏幕较小时,它们会响应.
但是有一个小问题:如果其中一个div比其他div重一点,那么响应性就不那么美了.

在全屏:

当屏幕变小时:

怎么样:

HTML

编辑:把< div class =“clearfix visible-sm-block”>< / div>在2个div工作之后.
使用ng-repeat时,请使用我写的代码

`
最佳答案
看一下响应列重置.

见:http://getbootstrap.com/css/#grid-responsive-resets

在您的情况下,您可以在第二列之后添加以下代码

所以你的代码看起来像这样:

请注意,这不会更改列的高度,但会修复sm断点的清除.

猜你在找的CSS相关文章