wie man mit Bootstrap 3 ein responsives Akkordeon Layout erstellt?

9

Wie richte ich Bootstrap-Grids aus, wenn ich dieses responsive Layout erstellen möchte?

In den folgenden Bildern ist die kleine Box wie eine Registerkarte. Wenn Sie darauf klicken, wird der Inhalt unten angezeigt.

Wenn das Fenster / im kleineren Bildschirm angezeigt wird, reduziert es die Spalten entsprechend, aber es sollte seine Funktionalität beibehalten.

Desktop

Desktop http://i61.tinypic.com/9sf255.png

Tablets

Desktop http://i57.tinypic.com/v3ooiv.png

Mobil

Desktop http://i62.tinypic.com/1z738n7.png

Bootstrap-Layout

%Vor%     
bwaaaaaa 05.05.2014, 12:12
quelle

1 Antwort

1

Dies kann mit der Kollaps-Javascript-Funktion in Bootstrap erreicht werden. Siehe Ссылка

Sie können dieses Code-Snippet verwenden, um es zu erreichen.

%Vor%

Und dann versuche das:

%Vor%

Sie werden den Rest des Codes machen müssen, aber das sollte Sie beginnen.

    
moodyjive 05.05.2014 14:30
quelle