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

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

在全屏：

当屏幕变小时：

怎么样：

HTML：

ottom_border">ottom_border">ottom_border">ottom_border">

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

`

最佳答案

看一下响应列重置.

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

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

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

ottom_border">ottom_border">ottom_border">ottom_border">

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

原文地址：https://www.jb51.cc/css/427495.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。