ブートストラップモバイルですべてのグリッドの背景イメージを保持するにはどうすればよいですか？

Question

3つのグリッド、.row> grid1、grid2、gird3を持つレイアウトがあります。 （私が欲しいものである）グリッドのすべてに影響を与える背景イメージを持っていますが、携帯電話に、私はグリッドが他の下の1になりたい（と、それはpretyもありません）.row

@media screen and (min-width:320px) and (max-width:768px) and (orientation:portrait) { 
    #mainBody > .container > .row > div > .content-box > div > div.grid-column-component.col-sm-6 { 
     height: auto; 
     width: 100%; 
    } 
} 

問題がときですモバイルでは、背景は最初のグリッドにのみ影響を与え、他のものは何も継承しません。画像をすべてのグリッドに投射し続けます。可能でない場合、私はしたいと思いますイメージ

カバー&は

を固定ではなくどちらか動作していません。

あなたにはアイデアはありますか？

Answer 1

こんにちは、みんなここで問題解決のための迅速な答えです。

@media screen and (min-width:320px) and (max-width:768px) and (orientation:portrait) { 
#mainBody > .container > .row > div > .content-box > div > div.grid-column-component.col-sm-6 { 
    height: auto; 
    width: 100%; 
    overflow-y:auto 
}} 

オーバーフローY：オート。 これがトリックでした:)