Bootstrap 5 Accordions | Tutorial - Deutsch #6
HTML-код
- Опубликовано: 13 июн 2024
- "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:
code.visualstudio.com/
Bootstrap 5:
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: futuric.io
►GitHub: 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
Vielen Dank. Du bist der größte!
Super ausführlich und trotzdem unterhaltsam erklärt. Danke lieber Futuric!
Hey wann kommt das nächste Video zu dem Thema nach #7 ?
Hey ich bin mittlerweile Vollzeit angestellt und komm kaum noch dazu weiter zu machen, hast du einen Wunsch zu einem bestimmten Thema? Dann versuch ich zumindest das aufzunehmen 😎
@@YouKnowIT_Coding Hey ich würd mich wahnsinnig freuen, wenn du mal das Thema anschneiden könntest, wie man eine landing page mit bootstrap erstellen könnte, natürlich nicht im detail aber so eine Einführung bzw. ein Tutorial darüber, wie man sowas angehen könnte. Damit man eine kleine Vorstellung hat, wie man im Endeffekt die ganzen kleinen Themen zusammen verwendet.
Freue mich auf rückmeldun
@SS-db5uw alles klar das kann ich gerne machen, ich setze es mir als ziel für Sonntag zum aufnehmen und dann kommentiere ich hier nochmal sobalds online geht
@@YouKnowIT_Coding Dankeschööön, bester Mann🫡
Hallöle, Video wird gerade hochgeladen und verarbeitet, um 20uhr geht es live. Ich hab das jetzt ziemlich knapp zusammengefasst, weil es doch relativ spontan aufgenommen wurde. Wenn du fragen dazu hast, gerne einfach auf meinen Discord kommen und mir eine private Nachricht schicken, oder eine Mail an info@futuric.io.
Mein Discord:
discord.gg/4VV4qAaz