Liste der Anhänge anzeigen (Anzahl: 2)
Bilder in Bootstrap im Browser abfallend
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.
Anhang 18901
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...
Anhang 18902
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
Liste der Anhänge anzeigen (Anzahl: 1)
Schwieriges Thema, man muss sich da leider wirklich durchwurschteln. Aber ich kann das zu gut verstehen, Doku schreiben hängt eben einfach hinterher, geht mir nicht anders.
Ich bin leider kein bootstrap-Experte, daher nur meine Laienmeinung.
Das verwendete Template sollte Deiner Contao-Version entsprechen, also in Deinem Fall das mit _35_ im Namen. :)
Ich hab gerade mal einen Screenshot aus einem aktuellen Projekt gemacht, da siehst Du meine Einstellungen zu bootstrap. Natürlich in der ersten Zeile Bootstrap als Typ des Layouts auswählen. :)
Vielleicht gibt Dir das einen Anhaltspunkt.
Anhang 18904