ブートストラップ - 列のサイズに基づいてイメージのサイズを変更できますか？

Question

私はブートストラップを使用して画像ギャラリーを作成しています。フルスクリーンでは、それは最小サイズで

よさそうだ、それは

よさそうだしかし、リサイズ、それはこの

しながら、私は最初の画像（木）希望します2番目の画像（湖）と同じ幅にする必要があります。幅と幅を調整しようとしましたが、問題は、2番目の画像が最初の画像。

col-sm-＃では画像を一定の幅に、col-md-＃に設定すると幅を変えることはできますか？

Answer 1

divの背景画像のカバーとして両方を設定することを検討してください。これにより、画像の適切なアスペクト比を維持しながらdivのサイズを変更することができます。

.yourdiv1{ 
    background: url(images/yourimage.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

.yourdiv2{ 
    background: url(images/yourotherimage.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}