Dropdown ist nicht der Typ im Formular <auswählens> <Option Value = ''> </option> </select>, sondern der Typ, der üblicherweise in der Navigationsleiste gefunden wird.
Die offizielle Bootstrap -Website enthält nur sehr wenige Erklärungen für das Dropdown -Menü Dropdown, sogar ihre offizielle englische Website.
Es gibt keine spezifische Erläuterung, wie die Hintergrundfarbe des Dropdown-Menüs geändert werden kann. Wenn der Standard-schwarze Hyperlink des Dropdown-Menüs geändert wird und wie das Dropdown-Menü anstelle des Textstils in einen normalen Hyperlink geändert werden kann, enthält die offizielle Website keine spezifische Erklärung.
Darüber hinaus ist der Hyperlink -Code der offiziellen Website mit vielen nutzlosen Parametern gemischt.
Der Autor studiert schon lange, bevor er einen Weg gefunden hat, das Dropdown-Menü zu ändern.
Das Folgende ist das Dropdown-Menü von IE8 für Bootstrap. In Zukunft müssen Sie IE8 verwenden, um es zu testen . Erweiterte Browser wie Google haben viele Fehler verdeckt.
Erhält, wie Sie die Hintergrundfarbe des Dropdown-Menüs ändern, wie Sie das Dropdown-Menü in einen normalen Hyperlink anstelle des Textstils ändern, wenn Sie den Standard-Black-Hyperlink ändern.
Wie ich den Rahmen des Dropdown-Menüs ändert, bin ich wirklich machtlos.
Für das obige Dropdown-Menü spezifische Implementierung finden Sie im folgenden Code:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"><Htmlmlml xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <link href = "css/bootstrap.cSs" rel = "styleshet" media "media"> css/bootstrap.cSs " type = "text/javaScript" src = "js/jQuery-1.11.1.js"> </script> <script type = "text/javaScript" src = "js/bootstrap.js"> </script> <title> Dropdown-Menü Dropdown-Menü Dropdown </title> </head> <bodyl. -> <button type = "button" data-toggle = "Dropdown"> Dropdown-Menü <!-Dies ist das kleine Dreieck neben dem Dropdown-Menü-> <spannung> </span> </button> <! Das Dropdown-Menü von schwarz bis blau, das eher wie ein Hyperlink aussieht-> <a href = "#"> <span> Projekt 1 </span> </a> </li> <li> <a href = "#"> <span> Projekt 2 </span> </a> </li> </ul> </div> </body> </html> </html> </html> </html> </html> </html> </html>
Das Dropdown-Menü funktioniert ohne jQuery-Unterstützung nicht. Das Dropdown-Menü ist ursprünglich eine JavaScript-Komponente.
Schreiben Sie vor dem Bootstrap ein Dropdown-Menü, um eine versteckte Ebene zu definieren. Diese Ebene wird angezeigt, nachdem die Maus schwebt oder auf den entsprechenden Hyperlink klickt. Wenn die Maus hier rampelt, um die Ebene auszublenden, wird die versteckte Schicht weiter angezeigt. Wenn die Maus diese versteckte Schicht hinterlässt, ändert sich die versteckte Schicht weiterhin von der Anzeige zu versteckt, was sehr problematisch ist.
Wenn Sie weiterhin ausführlich studieren möchten, können Sie hier klicken, um Ihnen zu studieren und 3 aufregende Themen anzuhängen:
Bootstrap -Lern -Tutorial
Bootstrap Practical Tutorial
Bootstrap-Plug-in-Nutzungs-Tutorial
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.