jquery 在元素上折叠引导程序

xkftehaa 于 2022-12-03 发布在 jQuery

关注(0)|答案(2)|浏览(138)

我正在使用Bootstrap 3来制作一个响应式网站。然而，我正在制作一个“投资组合”。
你可以在这里看到网站以及我的“错误”。
http://basic-models.com/b/
向下滚动到“我们的模特”，点击“信息”。当你点击那个按钮时，它会在模特的个人资料图片下面折叠一个新的元素。
但是可折叠元素将元素下面的图片向右推了一列。
我想我不必在这里放置代码，因为你可以直接右键单击〉源代码。
另外，这是我关于堆栈溢出的第一个问题，所以如果它的格式不正确，我很抱歉。谢谢你的帮助。

jquery

来源：https://stackoverflow.com/questions/31578891/bootstrap-collapse-over-an-element

2条答案

按热度按时间

zujrkrfu1#

你可以把css的position属性改为absolute，这样元素就会浮在下面的项上--但是你需要应用一些样式。
这样试试看：

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

你看，定位和风格不是那么好，但我假设你可以从那里开始。

赞(0）回复(0）举报 2022-12-03

vkc1a9a22#

既然你已经在使用Bootstrap了，我建议你使用默认的bootstrap下拉菜单。当前代码的问题是显示信息的div不是绝对定位的。所以，每当显示div时，它会占用额外的空间并破坏网格的布局。引导程序下拉菜单使用绝对定位的div，因此不会破坏布局。尝试使用它，它一定会解决这个问题。

赞(0）回复(0）举报 2022-12-03