Question

我正在创建一个网站并使用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列完成地图图像，在第7列开始使用map2图像

提前致谢，

岸堤

Answer 1

使用.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>

Bootstrap - 重叠列和行

1 个答案: