Twitter Bootstrap reorder Elemente auf kleinen Geräten

8

Ich habe das folgende Layout auf einer Seite:
Auf der linken Seite habe ich die Desktop (lg) Version, und auf der rechten Seite die Neuordnung, die ich auf den kleinen Geräten haben möchte.

Mit diesem Code:

%Vor%

Ich bekomme ein Problem mit der Desktop-Ansicht: siehe Druckbild:

Vorschläge, dieses Problem zu beheben und das Beschreibungselement (3) direkt unter Element "2" anzuzeigen, sind willkommen.

Vielen Dank.

    
Bizboss 15.02.2016, 15:25
quelle

3 Antworten

2

Versuchen Sie Folgendes:

%Vor%     
user3662307 15.02.2016, 15:32
quelle
0

Fügen Sie col-xs-12 in Ihren divs hinzu. Ihr div wird die ganze Breite auf kleinen Geräten nehmen:

%Vor%     
Ludovic Feltz 15.02.2016 15:30
quelle
0

Dies ist eine Lösung mit Flexbox und JQuery Fiddle

%Vor% %Vor% %Vor%
    
Nenad Vracar 15.02.2016 17:36
quelle