bootstrap navbar dropdown versteckt hinter bootstrap slider

Mein Dropdown-Menü mit Bootstrap ist versteckt hinter dem Schieberegler, den ich gemacht habe. Ich will es vorne zeigen.bootstrap navbar dropdown versteckt hinter bootstrap slider

Ich habe versucht mit:

z-index 
overflow:visible 
position:relative

nach den verschiedenen Lösungen online veröffentlicht unter einem ähnlichen Problem. Ich habe keinen Erfolg mit irgendeiner der Lösungen gefunden, die ich versuchte.

Ich habe einen JSFiddle hier https://jsfiddle.net/8wq0ptrw/

Quelle

2017-04-07 marcopete

möglich Duplikat: http://stackoverflow.com/questions/16149701/bootstrap-dropdowns-menus-appearing-behind-other-elements-ie7 „, wenn Elemente nicht Teil des gleichen Stapels sind, 'z-index' funktioniert nur, wenn sie eine 'position'-Eigenschaft haben –

Entfernen Sie den Überlauf: Aus Ihrer Nav-Bar-Klasse ausgeblendet. Ich hoffe, dies wird dir helfen.

.nav-bar { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 

}

Quelle

2017-04-07 17:07:47

Sie es durch das Entfernen von display: none;.navbar und .collapse sehen können.

Ich glaube, bootstrap bietet ein Hamburger-Menü-Symbol, das Sie implementieren müssen, wo Sie es auf die Elemente display: none; entfernen und das Dropdown-Menü anzeigen.

Quelle

2017-04-07 16:46:55 StefanBob

bootstrap navbar dropdown versteckt hinter bootstrap slider

Antwort

Verwandte Themen