2つのオーバーラップするカラムを作成する方法

Question

皆さんは、Photoshopで作成したデザインを作成する方法を教えてください。私は実際にcol-md-6を2列にしました。しかし問題は、divの高さを作ることはもう一方の高さを少し高くすることです。ここで私は

<div class="col-md-6" class="white"> 
    <h1>LOGISTIC</h1> 
</div> 
<div class="col-md-6" class="ship"> 
</div> 
<div class="col-md-6" class="black"> 
    <h1>DELIVERY</h1> 
</div> 
<div class="col-md-6" class="pipe">  
</div> 
<div class="col-md-6" class="white"> 
    <h1>STORAGE</h1> 
</div> 
<div class="col-md-6" class="tank"> 
</div> 

CSSについて話していた画像がある

.ship{ 
background: url(../img/resources/ship.png); 
} 

.tank{ 
background: url(../img/resources/tank.png); 
} 

.pipe{ 
background: url(../img/resources/pipe.png); 
} 

事前のおかげで

Answer 1

あなたが以下のすべてのあなたのクラスでheightを指定していることを確認し、私はここに株式午前助けてください：

.ship{ 
    height: /*set the height of ship.png*/ 
    background-image: url(../img/resources/ship.png); 
} 

.tank{ 
    height: /*set the height of tank.png*/ 
    background-image: url(../img/resources/tank.png); 
} 

.pipe{ 
    height: /*set the height of pipe.png*/ 
    background-image: url(../img/resources/pipe.png); 
}