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 - 重疊列和行

回答

相關問題