Перейти к содержимому

Bootstrap 5 Accordions | Tutorial - Deutsch #6

YouKnowIT

0:00 / 0:00

Bootstrap 5 Accordions | Tutorial - Deutsch #6

1 290 просмотров · 3 года назад
YouKnowIT
1,39 тыс. подписчиков
1 290 просмотров · 3 года назад
"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