Bootstrap-Card mit Collapse aus reinem HTMl und CSS
Die Beispiele sind für Bootstrap 5.3 optimiert. Damit ist auch ein Dark-Mode möglich.
Die technischen Beschreibungen folgen noch.Card mit Collapse
- Eine Karte die sich einklappen (collapse) läßt.
- Aufgebaut auf den HTML Elementen
details
undsummary
, gestylt mit Bootstrap und etwas zusäzlichem CSS. - Kann man allen Bootstrap-Card-Klassen umgestylt werden.
Zusammenfassung
Mit ein wenig CSS lassen sich Collapse-Bereiche komplett ohne JavaScript erzeugen.
Damit sparen Sie sich, für diese Fälle, die zusätzliche Übertragung der Datei
bootstrap.bundle.min.js
( 80.42 kB). Das spart Energie, Übertragungsvolumen, Speicherplatz und Ihre Seite wird schneller geladen.
Weitere Elemente
Software
Weiterführende Informationen
Downloads
Bootstrap-Bedienelemente ohne JavaScript | |||
Beispiele und CSS-Dateien. Für jedes Element ist eine einzelne CSS-Datei vorhanden.
| Download | ||
11.82 KB MIT ![]() | 66 |
Titel-Bild von Thorsten Willert, basierend auf der Startseite von Bootstrap. Bootstrap-Icon aus simple-icons.