0

Je veux une grille sur un site de ce type dans bootstrap 3:Comment faire une grille réactive où le second élément est le dernier sur mobile comme Youtube?

Desktop (% = largeur):

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

Mobile:

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

Le problème est que Element3 sur le bureau est toujours en dessous de la hauteur totale de ELEMENT1 et ELEMENT2.

Mais il devrait toujours être sous ELEMENT1!

Un autre exemple plus pratique, Youtube Vidéo:

bureau Youtube VIdeo:

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

mobile vidéo Youtube:

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

Ma solution actuelle a le problème que si VIDEOs hauteur est inférieure que la hauteur SUGGESTEDVIDEOS, il existe un écart entre VIDEO et COMMENTAIRES dans Desktop View.

Comment puis-je avoir cette 3 boîtes sans un écart entre VIDEO et COMMENTAIRES dans Desktop View?

Répondre