0

私は、ブートストラップ3でこのようなウェブサイト上のグリッドをしたい:2番目の要素がYoutubeのようなモバイルで最後のグリッドを作成するにはどうすればいいですか?

デスクトップ(%=幅):

ELEMENT1 (50%) ELEMENT2 (50%) 
ELEMENT3 (50%) 

モバイル:

ELEMENT1 (100%) 
ELEMENT2 (100%) 
ELEMENT3 (100%) 

問題は、デスクトップ上で、そのエレメント3であります常にELEMENT1とELEMENT2の合計高さを下回ります。

しかし、常にELEMENT1の下にある必要があります。

別のより実用的な例として、YouTubeのビデオ:

デスクトップYouTube動画:

VIDEO (70%) SUGGESTEDVIDEOS (30%) 
COMMENTS3 (70%) 

モバイルYouTube動画:

VIDEO (100%) 
SUGGESTEDVIDEOS (100%) 
COMMENTS3 (100%) 

私の現在のソリューションがあればビデオの高さが低いという問題がありますSUGGESTEDVIDEOSの高さよりも、デスクトップビューのVIDEOとCOMMENTSの間のギャップです。

デスクトップビューでビデオとコメントの間に隙間がないこの3つのボックスをどうすればできますか?

答えて

関連する問題