Flex Container
Der FlexContainer erlaubt dir deine Inhalte entweder mittig oder über die volle Seitenbreite darzustellen. Dabei kannst auch alle innere oder Außenabstände selbst definieren oder auch mehrere FlexContainer kombinieren z.B. um die Fläche mit einer Hintergrundfarbe zu versehen oder ein Parallax-Bild zu definieren.
Vordefinierte CSS-Klassen
Es gibt eine Reihe von vordefinierten CSS-Klassen z.B. für Abstände, Farben etc. Nachfolgend ein paar wichtige aufgelistet.
Abstände
- p-5: innerer Abstand von allen Seite mit ca. 20px
- px-5: innerer horizontaler Abstand mit ca. 20px
- py-5: innerer vertikaler Abstand mit ca. 20px
- m-5: äußerer Abstand von allen Seite mit ca. 20px
- mx-5: äußerer horizontaler Abstand mit ca. 20px
- my-5: äußerer vertikaler Abstand mit ca. 20px
Dabei kann die Zahl zwischen 0 und 9 variieren, je nachdem wie groß der Abstand werden soll.
Farben
- text-primary: primäre Schriftfarbe
- text-secondary: sekundäre Schriftfarbe
- bg-primary: primäre Hintergrundfarbe
- bg-secondary: primäre Hintergrundfarbe