javascript – Bootstrap:如何在没有跳转的情况下折叠包装div?

前端之家收集整理的这篇文章主要介绍了javascript – Bootstrap:如何在没有跳转的情况下折叠包装div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我想折叠并在点击链接显示两列.

我已将两列包装在div中,该列具有由其上方列中的链接引用的id.第一列占据页面的整个宽度,第二列和第三列应该拆分页面或堆栈.所有三列都包含在div.row中,行重复页面.

看起来崩溃动画适用于具有边框的行.然而,开放转型“跳跃”回升.如果我删除行上的边框并单击链接,则会突然出现两列之前的延迟.

我不希望这些事情发生.我希望在单击链接显示两列的平滑过渡.我怎么能做到这一点?

JSFiddle.

最佳答案
得到它了!需要设置包装器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

猜你在找的HTML相关文章