Ich versuche ein einfaches Dropdown-Menü in Bootstrap:
zu bekommen %Vor%Nichts taucht jedoch auf. Ich weiß, dass die lokalen CSS- und JS-Dateien korrekt übertragen werden. Soweit ich weiß, enthält das Standard-JS alle Plugins.
EDIT: Danke an alle für euer Feedback. Ich kann nur hinzufügen, falls sich die Leute in der gleichen Situation wie ich befinden, weiter nach unten verschieben das Tutorial vor dem Kopieren und Einfügen der Snippets.
Ich denke, Ihr Code war grundsätzlich gut, aber Sie verpassen einen Link, um den Drop-down auszulösen. Siehe jsFiddle
Beachten Sie, dass ich
hinzugefügt habe %Vor%Hier ist ein Beispiel, wie Sie es in eine vollständige Navigationsleiste
einbinden könnenViel Glück!
Bitte achten Sie besonders auf den Kommentar "& lt; - Link oder Schaltfläche zum Umschalten des Dropdown-Menüs - & gt;" in dir Code. Sie müssen einen Link oder eine Schaltfläche mit der Eigenschaft data-toggle="dropdown" einfügen, um das Dropdown zu aktivieren.
Versuchen Sie Folgendes:
%Vor%Aus den Dokumenten :
Wenn Sie nur das Dropdown-Menü betrachten, sehen Sie hier das erforderliche HTML. Sie müssen den Auslöser des Dropdown-Menüs und das Dropdown-Menü innerhalb von .dropdown oder einem anderen Element, das position: relative; deklariert, umbrechen. Dann erstellen Sie einfach das Menü.
Sie müssen wahrscheinlich das CSS für Ihre dropdown -Klasse auf (mindestens) position: relative; setzen. Außerdem haben Sie standardmäßig display:none auf .dropdown-menu . Versuchen Sie auch, dies zu überschreiben.
In meinem Fall entdeckte ich, dass die .dropdown-menu bootstrap-Klasse die Eigenschaft top auf top: 100% gesetzt hatte, was dazu führte, dass das Dropdown außerhalb des Ansichtsfensters angezeigt wurde. Ich habe den oberen Wert mit einer anderen Klasse überschrieben und funktioniert jetzt.
Tags und Links twitter-bootstrap twitter-bootstrap-2