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
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
1/2 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.
1/2 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.