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

Поделиться
HTML-код
  • Опубликовано: 5 июн 2024
  • 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/

Комментарии • 19

  • @that.s_V
    @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!

  • @keerthikitijaya-wardena6777
    @keerthikitijaya-wardena6777 2 года назад +2

    Sehr gut erklärt👍👍👍, Danke

  • @WannabeG00D
    @WannabeG00D Год назад

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

  • @EasyStretcher
    @EasyStretcher 2 года назад

    mal wieder ein top Video!😊

  • @juergenf.2306
    @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
      @juergenf.2306 Месяц назад +1

      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
    @danielgrana7487 2 года назад

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

    • @FabianHiller
      @FabianHiller  2 года назад

      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 RUclips Kanal.

  • @espiat9505
    @espiat9505 2 года назад

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

    • @FabianHiller
      @FabianHiller  2 года назад

      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
    @gamingzone6327 2 месяца назад

    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
    @fhungsk8799 2 года назад

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

    • @fhungsk8799
      @fhungsk8799 2 года назад +2

      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
      @FabianHiller  2 года назад

      Vielen Danke für dein Feedback!

    • @tkleinms
      @tkleinms Месяц назад

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