Navigation Menu Sidebar | Bootstrap 5, HTML, CSS, JS

Опубликовано: 31 Июль 2026
на канале: YouKnowIT

24,640

316

Mit Bootstrap 5 und CSS, kann man sich jede Menge moderne Designelemente basteln. In diesem Tutorial programmieren wir eine Side-Navigation, die sich ein- und ausklappen lässt.

---------Links---------

Visual Studio Code:
https://code.visualstudio.com/

XAMPP - Server:
https://www.apachefriends.org/

Bootstrap 5:
https://getbootstrap.com/docs/5.1/get...

Fontawesome:
Icons:
https://fontawesome.com/v5.15/icons?d...
Link:
https://cdnjs.com/libraries/font-awesome

------TimeLine-----

0:00 Intro
1:09 Entwicklungsumgebung
3:40 Bootstrap installieren
6:01 Vorbereitung
8:23 Seitenaufbau
10:19 Sidebar designen
16:02 Sidebar header
38:49 Sidebar Navigation
1:03:33 Sidebar zusätzlicher content
1:15:46 Header Navigation
1:32:00 Sidebar close/open
1:37:35 Scrollbar designen
1:43:55 Outro

----------------------------
►Website: https://futuric.io
►GitHub: https://github.com/Niklas-Raczek
►Instagram: / futuric.io

Code erhältlich bei GitHub:
https://github.com/Niklas-Raczek/boot...

Vielen Dank fürs zuhören!
Über einen Like und/oder ein Abo würde ich mich sehr freuen :D