zum Hauptinhalt springen

Umschlagelemente

Umschlagelemente
Umschlagelemente

Umschlagelemente können, wie Ordner in einem Dateisystem andere Inhaltselemente aufnehmen.

  • Das Akkordeon "versteckt" die enthaltenen Elemente, bis man auf dessen Titel klickt.
  • Responsive Spalten erlauben, dass den enthaltenen Elementen Breite und Abstand auf Basis des Bootstrap 12-Spalten-Gitters zugewiesen werden können. Außerdem kann ein Hintergrundbild zugewiesen werden.
  • Beim Zufallselement wird eines, der enthaltenen Elemente beim Seitenaufruf zufälig ausgewählt.
  • Der Slider verwendet den jQuery FlexSlider, weshalb das zugehörige Javascript und CSS im Seitenlayout eingebunden werden muss, wenn man den Slider verwenden will. Slider können konventionell, oder als Karussell dargestellt werden.
  • Die Elementgruppe kapselt enthaltene Elemente, um der ganzen Gruppe z.B. einen bestimmten CSS Stil oder ein Hintergrundbild zu geben, oder um eine ganze Gruppe als Elementreferenz wiederverwendbar zu machen.

Responsive Einstellungen

Responsive Einstellungen
Responsive Einstellungen

Sofern das Bootstrap CSS im Seitenlayout eingebunden ist, lassen sich sowohl Breite, als auch der Abstand nach links in zwölf Schritten bestimmen. Über die Sichtbarkeitseinstellungen, die auch außerhalb eines "Responsive Spalten" Elements verfügbar sind, können Elemente für bestimmte Bildschirmgrößen auch ganz ausgeblendet werden.

Die zugrundeliegenden Bildschirmbreiten (bzw. Breite des Viewports) nach Bootstrap sind:

  • xs (extra small) 1-575 Pixel
  • sm (small) 576-767 Pixel
  • md (medium) 768-991 Pixel
  • lg (large) 992-1199 Pixel
  • xl (extra large) 1200-1399 Pixel
  • xxl (extra extra large) ab 1400 Pixel

Slider Einstellungen

Slider Einstellungen
Slider Einstellungen

Der Slider kann die Elemente entweder seitlich einfahren, oder überblenden. Zeitangaben für die Animation und Pause zwischen automatischem Wechsel werden in Millisekunden (ms) angegeben, wobei 1.000 ms einer Sekunde entsprechen.

Die "sanfte Höhenanpassung" passt die Höhe des Sliders mit einem Animationseffekt an die Höhe des momentan aktiven Elements an. Ohne diese Option ist der Slider so hoch wie das höchste, enthaltene Element.