Bootstrap 5 Accordions | Tutorial - Deutsch #6
"Bootstrap ist ein freies Frontend-CSS-Framework. Es enthält auf HTML und CSS basierende Gestaltungsvorlagen für Typografie, Formulare, Buttons, Tabellen, Grid-Systeme, Navigations- und andere Oberflächengestaltungselemente sowie zusätzliche, optionale JavaScript-Erweiterungen."
In diesem Tutorial betrachten wir eine gute Methode zum verstauen von Informationen in Bootstrap an. Die sogenannten Accordions lassen Inhalte erst durch anklicken des Nutzers einblenden
---------Links---------
Visual Studio Code:
https://code.visualstudio.com/
Bootstrap 5:
https://getbootstrap.com/
------TimeLine-----
0:00 Intro
0:44 Was ist ein Accordion?
1:18 Use cases
2:49 Implementierung des Accordions
9:35 Weitere Accordion Items anlegen
11:40 Design Anpassungen
13:46 Fontawesome verwenden
17:27 Accordion Buttons umbenennen
18:43 CSS Anpassungen
21:33 Accordion Body
25:41 Flush Accordion (borderless)
27:40 Always Open Accordion
29:10 Outro
----------------------------
►Website: https://futuric.io
►GitHub: https://github.com/Futuric
►Instagram: / futuric.io
Vielen Dank fürs zuhören!
Über einen Like und/oder ein Abo würde ich mich sehr freuen :D