gpt4 book ai didi

css - Bootstrap - 覆盖或重叠列

转载 作者:太空宇宙 更新时间:2023-11-04 12:10:52 25 4
gpt4 key购买 nike

我想覆盖或重叠两列。

左侧有一个(6 列)右侧有一个(6 列)。

我的结果应该是:左侧 (8)右侧 (6) - 2 列重叠。

我查看了有关偏移/推/拉属性的 Bootstrap 文档,但没有得到正确的结果。

这里是 jsfiddle .

最佳答案

尝试向较小的 div 添加负边距。 (我添加了面板类,所以重叠部分是可见的)。为了这个例子,我只是在样式属性中添加了 css。

<div class="col-lg-6">
<div class="col-lg-8 panel">this is the left div</div>
<div class="col-lg-6 panel" style="margin-left: -16.7%;z-index:-1">&nbsp;&nbsp;&nbsp;this is the right div</div>
</div>

关于css - Bootstrap - 覆盖或重叠列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29053560/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com