Aus dem Kurs: Bootstrap 4: Ein erster Blick

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Klapp-Inhalte

Klapp-Inhalte

Aus dem Kurs: Bootstrap 4: Ein erster Blick

Gratismonat starten Für Ihr Team erwerben

Klapp-Inhalte

“

Collapse ist eine Komponente, die in Zusammenarbeit mit etwas JavaScript und eben einfachen CSS-Anweisungen Klappeffekte bei Texten erzeugen kann. Es gibt mehrere Wege, die nach rum führen, aber sie sind alle miteinander eigentlich recht einfach umzusetzen, wenn man das Prinzip dahinter verstanden hat. Hier herunten ist zum Beispiel eines von den eher häufig zu sehenden Beispielen, wo ich einfach Elemente habe. Wenn ich sie anklicke, klappen sie auf und dann klappen sie wieder zu, aber es kann zum Beispiel immer nur ein Element geöffnet sein. Wir werden uns das Ganze jetzt aber eher hier mit den Buttons anschauen, weil ich da bei mir bei meinen bereits vorhandenen kleinen Cards noch eine Erweiterung einführen kann. Hier bei den Blumen habe ich bereits so einen Collapse-Effekt umgesetzt. Wenn ich auf Mehr klicke, kommt dieser Text zum Vorschau. Und wenn ich wieder draufklicke, dann verschwindet der Text, und hier herüben habe ich schon alles hergerichtet und möchte denselben Effekt…

Inhalt