Bootstrap - 重叠列和行

-1

我正在创建一个网站并使用Bootstrap来简化网站的响应。我遇到的问题是我无法找到如何允许来自一个列或行的图像与其他行或列重叠。通常在不使用引导的情况下，我会使用-margin或-padding来允许div显示在彼此的顶部，但Bootstrap不会允许我使用这些标记并在使用它们时覆盖它们。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列和MAP2图像来完成列提前启动7个

感谢，

安迪

来源

2016-06-20 Andi

你试过嵌套行吗？ –

仍是同样的问题。 – 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>

来源

2016-06-20 14:51:16 Vino

非常感谢哟，我一直在寻找并没有意识到Bootstrap的推挽功能。虽然我正在与能够解码我的ramblings的人聊天，但是使用Bootstrap填充和％或最佳做法定位元素的最佳方式是什么？再次感谢。 – Andi

Bootstrap - 重叠列和行

回答

相关问题