Installation: Slider Pro mit Bootstrap 4

Ronnie's Avatar

Ronnie

20 Feb, 2021 01:40 PM

Produkt: Slider Pro Contao
Contao-Version: 4.4.55

Hallo,

habe vor kurzem bzw. ein Kunde den Rock Slider Pro gekauft.

Möchte den Slider als Full-Width einbinden und benutze dabei Bootstrap 4.
Bin wie in der Dokumentation vorgegangen, der Slider funktioniert, geht jedoch nicht über die gesamte Breite, sondern begrenzt sich auf den Inhaltsbereich.

Haben Sie hierfür eine passende Dokumentation für Bootstrap 4?

  1. Support Staff 1 Posted by RockSolid Theme... on 22 Feb, 2021 10:21 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Wir konnten das Problem in unserem Test nicht reproduzieren.

    Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.

  2. 2 Posted by Ronnie on 24 Feb, 2021 02:13 AM

    Ronnie's Avatar

    Link:
    https://www.2020.steinmetz-jakob.de

    Modul ist eingebunden auf der Startseite.

    Beim Umstellen des Templates auf Standard funktioniert der Slider auf Full-Width, jedoch nicht bei der Auswahl des Bootstrap-Templates.

  3. Support Staff 3 Posted by RockSolid Theme... on 24 Feb, 2021 09:51 AM

    RockSolid Themes's Avatar

    Auf Ihrer Website befindet sich der gesamte Inhalt in einem <div id="container" class="container"> und über die CSS-Klasse container wird in Bootstrap die Breite festgelegt: https://getbootstrap.com/docs/5.0/layout/containers/

    Um auf ein Fullwidth-Layout zu wechseln müssten Sie also vermutlich die Bootstrap-Klasse container-fluid verwenden oder den Slider nicht in der Hauptspalte platzieren.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac