Bootstrap absolut positioniert div nicht korrekt über navbar

Ich habe ein Dropdown-Menü aus der Navigationsleiste, ausgelöst durch eine Umschaltfläche. Ich habe ein Dreieck über dem Navbar-Kollaps hinzugefügt, um es auf den Auslöser zu zeigen. Es funktioniert gut auf größeren Bildschirmen, aber auf Mobilgeräten wird es immer hinter die Navigationsleiste geschoben. Ich habe versucht, mit Z-Index zu arbeiten, aber ohne Erfolg. Bootstrap absolut positioniert div nicht korrekt über navbar

http://www.bootply.com/g8d0nLzlIE

Ich habe das Dreieck auf Handy in grau (statt weiß wie auf dem Desktop) aus Kontrast zu zeigen.

Quelle

2016-07-14 Rachel S

Hallo Rachel, ich in der Regel sehen Sie Fragen zu beantworten, hier gibt es eine eigene haben :) Warum Sie den 'overflow' Regel auf' .navbar-Kollaps nicht zurückgesetzt. in 'zu' sichtbar '? '.navbar-collapse.in {Überlauf-y: sichtbar;}' – UncaughtTypeError

Hey @UncaughtTypeError Ich musste eine Pause von der Beantwortung nehmen, weil ich an einem neuen Projekt arbeite;) Vielen Dank für diese Idee! Es klappt. Kannst du es als Antwort aufstellen, damit ich es als eins markieren kann? –

Sicher, kein Problem - hinzugefügt :) – UncaughtTypeError

Bei mobilen Auflösungen können Sie die overflow Regel, die für .navbar-collapse.in deklariert wurde, auf visible zurücksetzen.

CSS

.navbar-collapse.in { 
    overflow-y: visible; 
}

Quelle

2016-07-15 15:21:03 UncaughtTypeError

Bootstrap absolut positioniert div nicht korrekt über navbar

Antwort

Verwandte Themen