MetaModels Workshop in Berlin
Ergebnis 1 bis 3 von 3

Thema: CSS Probleme mit bootstrap-bundle und level_3

  1. #1
    Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    1.500
    User beschenken
    Wunschliste

    Standard CSS Probleme mit bootstrap-bundle und level_3

    Hallo,

    ich bin gerade am Verzweifeln ... kann aber auch an der Hitze liegen

    Contao 4.4
    Bootstrap 4
    [bootstrap-bundle] von Netzmacht
    nav-bs.html5 template im Einsatz

    und ich schaffe es nicht den level_3 erst bei Klick (in meinem Fall bei hover) rechts neben dem link aufklappen zu lassen.
    Es scheint als hätte ich entweder das System nicht verstanden, oder einfach nur nen Knopf im Kopf

    Kann mir hier jemand weiterhelfen - b i t t e

    das erzeugte HTML
    PHP-Code:
    <nav class="mod_navigation block" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
        <
    a href="termine.html#skipNavigation4" class="sr-only">Navigation überspringen</a>
        <
    ul class="level_1 nav">
            <
    li class="submenu first nav-item dropdown">
                <
    class="nav-link dropdown-toggle" href="" itemprop="url" title="Fahrschule Pfeifer Horn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><span itemprop="name">Fahrschule Pfeifer Horn</span></a>
                <
    div class="level_2 dropdown-menu show">
                    <
    class="dropdown-item first" href="team.html" itemprop="url" title="Unser Team"><span itemprop="name">Unser Team</span></a>
                    <
    class="dropdown-item" href="fuhrpark.html" itemprop="url" title="Der Fuhrpark"><span itemprop="name">Der Fuhrpark</span></a>
                    <
    class="dropdown-item submenu last" href="buero.html" itemprop="url" title="Anfahrt"><span itemprop="name">Anfahrt</span></a>
                    <
    div class="level_3">
                        <
    class="nav-link" href="buero.html" itemprop="url" title="Büro"><span itemprop="name">Büro</span></a>
                        <
    class="nav-link" href="pkw-uebung.html" itemprop="url" title="PKW Übungsplatz"><span itemprop="name">PKW Übungsplatz</span></a>
                        <
    class="nav-link" href="lkw-uebung.html" itemprop="url" title="LKW Übungsplatz"><span itemprop="name">LKW Übungsplatz</span></a>
                    </
    div>
                </
    div>
            </
    li
    bei Klick bzw. hover in level_1 kommt die class 'show' dazu - also in diesem Fall ist die NAV ausgeklappt und unter dem Link 'Anfahrt' beginnt bereits .level_3

    level_3 sollte aber erst bei klick bzw. hover von 'Anfahrt' aufklappen

    das hover in level_1 funktioniert mit
    PHP-Code:
    .navbar-collapse li:hover > .dropdown-menu {
      
    displayblock;
      
    margin0;

    aber eben immer unterhalb und ich würde es neben dem link 'Anfahrt' brauchen

    template-Anpassung hätte ich auch versucht ... leider erfolglos
    CSS-Varianten ... leider erfolglos, denn ich vermute, dass hier der core von bootstrap mit reinpfuscht..

    jemand eine Idee bzw. eine Lösung, sofern das schon mal umgesetzt wurde
    Link zum Projekt gibt's keinen » local
    Grüsse
    Bernhard


  2. #2
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    6.412
    Partner-ID
    152
    User beschenken
    Wunschliste

    Standard

    Schau mal hier: https://bootsnipp.com/snippets/35p8X

    (drei Level sind eigentlich in Bootstrap nicht vorgesehen.)

  3. #3
    Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    1.500
    User beschenken
    Wunschliste

    Standard

    Danke @lucina, diesen link und das Konstrukt hatte ich gestern bereits mit in meinen Überlegungen am Radar ...
    Dein Hinweis, dass bootstrap keinen dritten level vorsieht hilft mir insofern weiter, dass ich zumindest nun weiss, dass ich tatsächich tiefer ins template eintauchen muss.

    Ich werde das die Tage zu einer Lösung bringen (müssen) und mich dann hier nochmals melden - im Idealfall mit einer sauberen Lösung, die auch andere verwenden können
    Grüsse
    Bernhard


Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •