我已将两列包装在div中,该列具有由其上方列中的链接引用的id.第一列占据页面的整个宽度,第二列和第三列应该拆分页面或堆栈.所有三列都包含在div.row中,行重复页面.
看起来崩溃动画适用于具有边框的行.然而,开放转型“跳跃”回升.如果我删除行上的边框并单击链接,则会突然出现两列之前的延迟.
我不希望这些事情发生.我希望在单击链接时显示两列的平滑过渡.我怎么能做到这一点?
最佳答案
得到它了!需要设置包装器div,使其高度等于其子节点的最大高度(因此Bootstrap知道要扩展多少).从Make outer div be automatically the same height as its floating content开始,这种方式有用(!?)
.details {
overflow: hidden;
clear: both;
}
其中div.details是包含两列的包装div.见JSFiddle.
原文链接:/html/426892.html