Html 引导-重叠列和行

我正在创建一个网站，并使用Bootstrap来简化网站的响应。我遇到的问题是，我无法找到如何允许一列或一行中的图像与其他行或列重叠。通常，如果不使用bootstrap，我会使用-margin或-padding来允许div显示在彼此的顶部，但是bootstrap不允许我使用这些标记，并且在使用它们时会覆盖它们

<div class="row row7">
<div class="col-lg-1"></div>
<div class="col-lg-6"><img src="/images/map.png"></a></div>
<div class="col-lg-3"><img src="/images/map2.png"></div>
<div class="col-lg-2"></div>
</div>

我需要地图图像在第7列中完成，而地图2图像在第7列中开始

提前感谢,

---

Andi

使用

.col-push-xx-x

和

.col-pull-xx-x

类

<div class="container">
  <div class="row">
     <div class="col-md-6 col-md-push-1" style="background-color:rgba(255,0,0,0.2)">
        [Image 1]
    </div>
    <div class="col-md-4" style="background-color:rgba(0,255,0,0.2)">
        [Image 2]
    </div>
  </div>
</div>

[图1]
[图2]

您尝试过嵌套行吗？仍然是同一个问题。您是否有一个示例说明您正在尝试做什么？抱歉，我正在尝试尽可能清楚地说明，而不是复制我正在根据设计创建的网站的图像。我需要的图像地图和地图2坐在旁边的一排。我需要map1图像从第2列延伸到第7列，我需要map 2从第7列延伸到第10列。创建一个提琴或演示问题多谢，我一直在搜索，但没有意识到Bootstrap的推拉功能。当我与能够解码我的闲话的人交谈时，使用引导填充和%定位元素的最佳方法是什么，或者最佳实践是什么？再次感谢。