Bootstrap 5 Layout/Gridsystem| Tutorial - Deutsch #2

"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 das Layout-/Gridsystem von Bootstrap.

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

Visual Studio Code:

Bootstrap 5:

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

0:00 Intro
0:33 Definition Container/Container-fluid
1:38 Verwendung von Containern
9:23 Definition Gridsystem
11:37 Verwendung des Gridsystems
21:38 Spacing mit Bootstrap
26:44 Beispiele einer Website
29:37 Ratschlag
30:45 Outro

----------------------------

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

[michaelweber]

Sehr gut und nachvollziehbar erklärt, hat mir sehr geholfen. Vielen Dank für deine Mühe

[DerMacher]

Super Video,
Gut Erklärt ich konnte dir bei jedem punkt folgen ! Hat viel mehr Aufmerksamkeit verdient weiter so !

[SmartBimson]

Richtig gutes Video ❤ herzlichen Dank fürs Erstellen, ich freue mich auf alles was da noch kommt 🎉

[NostalgikerX]

danke für dein erstklassiges Erklären. Gibt viele Tutorials hier zu dem Thema, aber nur du konntest mir helfen. Weiter so :)

[CH-NEUTRAL]

Ups sollte jeweils Grid nich Flex heissen.
Hi, wie hast du das bei deiner Seite gemacht (8:11min) dass der Hintergrund die ganze Breite füllt, der content aber nur im schmaleren Bereich. Hast du da einen Container drum gemach fluid mit einer grünen bg color und darin noch einen Container flex? Oder im aüsseren Container noch eine row?
<div class“container -fluid green>
und dann noch einen div row> und erst dann einen <div Container-flex>
<div row>Den Content </div></div>
</div> ??
Sorry habe den syntax gekürzt.
Gruss
Beat

[domal]

Geiles Video, supergeil erklärt, gerne mehr davon :)

[mcsw]

Sehr nice, wann kommt das Thema responsive Design? Da bin ich hyped ...

[angel-treff]

hey aber wenn ich jetzt zb ein Logo oben in die mitte setzen möchte wie läuft das den dann ab weil die einzelnen col. setzten sich ja immer lins oben an und gehen dann weiter. wird dann mit bootstrap überhaupt noch eine css datei gebraucht oder wie läuft das?
Gutes video Super erklärt weiter so

[Simon]

hey hey ich mache genau das was du sagst aber das bild was cih einfüge (lokal) streckt sich über den bildschirm hinaus. und wenn ich ein zweites card element hinzufüge reiht sich das untereinander und nicht nebeneinander. bin am verzweifeln

[haraldmanthey]

Klasse Tutorial, ich stolper immer noch über die Höhe einer row bzw. col, hab schon alles versucht - klappt nicht!