Bootstrap - 覆盖或重叠列
Bootstrap - covering or overlapping columns
我想覆盖或重叠两列。
在左侧有一个（6 列），在右侧有一个（6 列）。
我的结果应该是：左侧 (8) 和 右侧 (6) - 2 重叠列.
我查看了 Bootstrap 文档的 offset/push/pull 属性，但没有得到正确的结果。
这里是jsfiddle.
尝试向较小的 div 添加负边距-left。 （我添加了面板 class 所以重叠部分是可见的）。为了这个例子，我只是在样式属性中添加了 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"> this is the right div</div>
</div>
我想覆盖或重叠两列。
在左侧有一个（6 列），在右侧有一个（6 列）。
我的结果应该是：左侧 (8) 和 右侧 (6) - 2 重叠列.
我查看了 Bootstrap 文档的 offset/push/pull 属性，但没有得到正确的结果。
这里是jsfiddle.
尝试向较小的 div 添加负边距-left。 （我添加了面板 class 所以重叠部分是可见的）。为了这个例子，我只是在样式属性中添加了 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"> this is the right div</div>
</div>