javascript - Bootstrap 折叠一个元素

Question

我正在使用 Bootstrap 3 制作响应式网站。但是，我正在制作一个“组合”。

你可以在这里看到网站以及我的“错误”。

http://basic-models.com/b/

向下滚动到“我们的模型”，然后单击“信息”。当您单击该按钮时，它会在模型​​的个人资料图片下方折叠一个新元素。

但该可折叠元素会将元素下方的图片向右推一列。

我想我不必在此处放置代码，因为您只需右键单击 > 源代码即可。

此外，这是我在 Stack Overflow 上的第一个问题，如果格式不正确，我深表歉意。感谢您提供的所有帮助。

Answer 1

您可以将折叠 div 的 CSS position 属性更改为 absolute。这样，该元素将 float 在下面的项目上 - 但您必须稍微应用样式。

这样试试:

.model-outer div.collapse {
    position: absolute; 
    z-index: 1000; 
    background-color: white; 
    width:100%;
    left:0px;
    margin-top:10px;
}

你看，定位和样式不是很好，但我想你可以从那里开始。