Hallo zusammen,
leider gibt es für contao-bootstrap nur die rudimentäre Dokumentation, so dass ich viel mit try-and-error versuchen muss, ohne genau zu wissen, ob alles richtig eingestellt ist.
Ich habe das Grid ans laufen bekommen, aber habe nun ein Problem, bei dem ich Hilfe/Anleitung benötige:
Ich möchte ein abfallendes Layout für meine Website haben, auf der die Bilder responsive über die gesamte Viewport-Breite laufen sollen. Nicht unbedingt von der Höhe und auch nicht über den gesamten Hintergrund. Auch sollen sie mitscrollen. Der Text soll aber nur im mittleren Bereich der Website sein und nicht abfallen.
Wenn ich nun im Seitenlayout als Seitentemplate fe_bootstrap_34 angebe, dann wird der Text genau so platziert, wie ich es haben möchte. Aber die Bilder werden ebenfalls nur in dieser Breite dargestellt.
Bildschirmfoto 2017-02-15 um 20.07.27.png
Wenn ich nun fe_felxible_sections als Seitentemplate auswähle, dann werden die Bilder zwar über die gesamte Seite angezeigt, aber leider auch die Textblöcke bzw. das Grid über die Gesamtbreite gestreckt.
Ich habe nun versucht, dem Spaltenset die Klasse .container zu geben, wodurch tatsächlich das Grid wieder auf die gewünschte Breite eingestellt wird, allerdings dann links auf der Seite und nicht mittig. Die mittige Darstellung habe ich einfach nicht hinbekommen...
Bildschirmfoto 2017-02-15 um 20.01.52.png
Jetzt bin ich unsicher, ob ich hier nicht völlig falsch denke, kann aber einfach keine Anleitung o.ä. finden, die mir den richtigen Weg zeigt.
Könnt Ihr mir helfen? Muss ich noch etwas im Seitenlayout einstellen? Hier ist Container-Element "wrapper" und Container-CSS-Klasse "Container" eingestellt. Keine eigenen Layoutbereiche (da kenne ich mich nicht mit aus.)
Danke
Jan-Dirk
Lesezeichen