Vorlagen & Hinweise
Abstände
Klassen für einen Abstand oben:
mt-0 (0px Abstand oben)
mt-20 (20px Abstand oben)
mt-40 (40px Abstand oben)
mt-60 (60px Abstand oben)
mt-80 (80px Abstand oben)
mt-100 (100px Abstand oben)
Klassen für einen Abstand unten:
mb-0 (0px Abstand unten)
mb-20 (20px Abstand unten)
mb-40 (40px Abstand unten)
mb-60 (60px Abstand unten)
mb-80 (80px Abstand unten)
mb-100 (100px Abstand unten)
Animationen
Zoomt den Artikel ein
CSS-Klasse: scrollflow -pop -opacity
Slide von unten
CSS-Klasse: scrollflow -slide-top -opacity
Slide von oben
CSS-Klasse: scrollflow -slide-bottom -opacity
Slide von links
CSS-Klasse: scrollflow -slide-right -opacity
Slide von rechts
CSS-Klasse: scrollflow -slide-left -opacity
ohne -opacity möglich, dann ist die Deckkraft immer 100%
1/3 Spalte
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Klasse: col-lg-4 col-md-6
Mit Einstellung autospalten oder gleichhoch werden die Elemente in der Reihe gleich hoch und orientieren sich am längsten Inhalt.
1/3 Spalte
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Klasse: col-lg-4 col-md-6
Mit Einstellung autospalten oder gleichhoch werden die Elemente in der Reihe gleich hoch und orientieren sich am längsten Inhalt.
1/2 Spalte mit HG
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Klasse: col-lg-6
1/2 Spalte mit HG
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Klasse: col-lg-6
Ganze Spalte
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Klasse: col-12
mit Abstand oben: mt-40
und Abstand unten: mb-40
1/4 Spalte
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Klasse: col-lg-3 col-md-6
1/4 Spalte
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Klasse: col-lg-3 col-md-6
1/4 Spalte ohne Farbe
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Klasse: col-lg-3 col-md-6
Liste 1
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Liste 2
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Klasse: auflistung
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen
- Das Layout ist fertig
- der Text lässt auf sich warten
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen