css - Bootstrap - 覆盖或重叠列

Question

我想覆盖或重叠两列。

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

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

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

这里是 jsfiddle .

Answer 1

尝试向较小的 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>