ブートストラップ - 重複する列と行

Question

私はウェブサイトを作成し、ブートストラップを使用してウェブサイトの応答を簡単にしています。私が抱えている問題は、ある列または行のイメージを他の行または列と重複させる方法を見つけることができないことです。通常はブートストラップを使用せずに、私は-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で事前に

おかげで、

アンディ

Answer 1

使用.col-push-xx-xと.col-pull-xx-xクラスを開始するために、列7およびMAP2の画像に仕上げるために地図画像を必要とします。

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