Featured

Bootstrap 5 Responsive Design | Tutorial - Deutsch #3



Published
"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 den Umgang von Bootstrap mit der großen Thematik "Responsive Design"

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

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

Bootstrap 5:
https://getbootstrap.com/docs/5.1/getting-started/introduction/


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

0:00 Intro
0:35 Definition Responsive Design
2:27 Beispiel einer responsive website
4:44 Wie programmiert man responsive?
5:46 CSS Media Queries
13:29 Bootstrap Breakpoints
15:19 Breakpoints bei einem container
24:00 Beispiele Responsive grid system
34:19 "Aufhübschen" des Beispiels
43:15 Outro

----------------------------
►Website: https://futuric.io
►GitHub: https://github.com/Futuric
►Instagram: https://www.instagram.com/futuric.io/

Vielen Dank fürs zuhören!
Über einen Like und/oder ein Abo würde ich mich sehr freuen :D
Category
Web design
Be the first to comment