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
Akkordeon Einzelelement

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Akkordeon

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.