Bootstrap - Überlappende Spalten und Zeilen

Question

Ich erstelle eine Website und benutze Bootstrap, um die Reaktion der Website zu vereinfachen. Das Problem, das ich habe, ist, dass ich nicht herausfinden kann, wie man Bilder von einer Spalte oder Reihe mit anderen Reihen oder Spalten überlappen lässt. Normalerweise benutze ich -margin oder -padding, ohne dass ich bootstrap benutze, damit divs übereinander erscheinen, aber Bootstrap erlaubt mir nicht diese Tags zu benutzen und überschreibt sie, wenn ich sie benutze.

<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> 

Ich brauche das Kartenbild in der Spalte 7 und map2 Bilder zu beenden in Spalte 7

Vielen Dank im Voraus zu beginnen,

Andi

Answer 1

Verwenden .col-push-xx-x und .col-pull-xx-x Klassen.

<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>