Was ist Bootstrap? Das Framework erklärt in 12 Minuten!

In diesem Video erkläre ich dir was das Frontend-Framework Bootstrap ist und wie es funktioniert. Dabei sind verschiedene praktische Beispiel enthalten.
▬ Online-Kurs ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸ Responsive Webdesign mit HTML, CSS, Bootstrap und Tailwind: shop.heise-academy.de/respons...
▬ Timestamps ▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Vorspann
00:17 Was ist Bootstrap
00:55 Praktisches Beispiel
02:55 Funktionsweise
03:33 Vor- und Nachteile
05:17 Klasse: “container”
05:47 Grid-System
07:55 Break-Points
09:08 Abstand hinzufügen
09:34 CSS-Box-Modell
11:04 Dev-Tools
▬ Social Media ▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸ Twitter: / fabianhiller
▸ LinkedIn: / fabianhiller
▸ GitHub: github.com/fabian-hiller
▸ Instagram: / fabian.hiller
▬ Weitere Links ▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸ Impressum: www.sifa-digital.de/impressum/

[@that.s_V]

Super! Fürs Verständnis leicht erklärt und schön immer mit Beispiel gezeigt und auch nicht zu schnell (wie bei anderen Leuten, die im Mili-Sekunden-Takt herum-switchen zwischen den Fenstern). War toll für einen Guten Start in Bootstrap!

[@FabianHiller]

Vielen Dank!

[@keerthikitijaya-wardena6777]

Sehr gut erklärt👍👍👍, Danke

[@FabianHiller]

Danke für dein Feedback!

[@WannabeG00D]

Hab es verstanden, danke. Sehr schön erklärt!

[@FabianHiller]

Danke!

[@EasyStretcher]

mal wieder ein top Video!😊

[@FabianHiller]

Vielen Dank! 🤙

[@juergenf.2306]

danke für das tolle Video, hilft sehr! Frage zum rechten Teil Fabian: Wie bekommt man denn im Browser gleich die Darstellung des Codes (denke du nutzt als Editor auch Visual Studio Code?)

[@juergenf.2306]

habs gefunden, kann es mir selbst beantworten - beim Visual Studio Code den Live Server Extension installieren - das macht die Arbeit viel einfacher und schneller 👍👍

[@danielgrana7487]

Hallo, wo genau findet man denn das Video zur Entwicklung der responsiven Website?

[@FabianHiller]

In der Videobeschreibung findest du den Link zu meinem Kurs, indem wir 3 verschiedene responsive Websites erstellen. Ansonsten findest du auch eine etwas ältere Playlist dazu auf diesem KZbin Kanal.

[@espiat9505]

Wäre super, wenn du hierbei auch build tools, webpack im zusammenhang und auch mit echten beispielen zeigen könntest.

[@FabianHiller]

Hey, vielen Dank für dein Feedback. Ich setze es auf meine Liste. Zuvor sind aber noch ein paar andere Videos in der Pipeline.

[@gamingzone6327]

Ich bin kein Freund davon. Ich mag es nicht die Kontrolle abzugeben und muss alles selber coden, damit ich die volle Kontrolle über das Design habe. Ich weiß das viele Angst haben vor ein Grid-System und da gerne auf Fertige Lösungen bauen. Aber ein Grid-System selbst zu machen ist kein Hexenwerk und ziemlich einfach. Ich kann jeden Webdesigner nur empfehlen das zu lernen.

[@fhungsk8799]

super video, das einzige das stört ist dass du element "iliment" aussprichst :D

[@fhungsk8799]

und padding with so ausgesprochen nicht "petting" :D Das ist nicht böse gemeint, ist mehr als humor zu sehen! du erklärst das super

[@FabianHiller]

Vielen Danke für dein Feedback!

[@tkleinms]

@@fhungsk8799 Und ich versteh immer Wobsite. Heisst ja eher Website mit 'e'