Bootstrap Dropdown funktioniert nicht

1. Warum funktioniert mein Dropdown -Bootstrap nicht??
2. So machen Sie Bootstrap -Dropdown -Arbeiten?
3. Wie aktiviere ich Dropdown??
4. Erfordert Bootstrap 5 JQuery??

Warum funktioniert mein Dropdown -Bootstrap nicht??

Lösung: Der Dropdown sollte über Datenattribute oder JavaScript verwendet werden. Im obigen Programm haben wir vergessen, ein Datenattribut hinzuzufügen, sodass der Dropdown nicht funktioniert. Fügen Sie also Data-BS-Toggle = "Dropdown" hinzu, um den Dropdown-Bereich umzuschalten.

So machen Sie Bootstrap -Dropdown -Arbeiten?

Um das Dropdown -Menü zu öffnen, verwenden Sie eine Schaltfläche oder einen Link mit einer Klasse von .Dropdown-Toggle und das Data-Toggle = "Dropdown" -attribut. Die .Die Pflegeklasse erstellt ein Pfeil -Pfeil -Symbol (), das angibt, dass die Taste ein Dropdown -Bereich ist. Ergänzen Sie die .Dropdown-Menu-Klasse zu a <ul> Element, um das Dropdown -Menü tatsächlich zu erstellen.

Wie aktiviere ich Dropdown??

Wählen Sie eine Zelle aus, in der Sie eine Dropdown-Liste möchten. Klicken Sie auf die Registerkarte Daten und klicken Sie auf Datenvalidierung. Im Dialogfeld "Datenvalidierung" setze die Auflistung ein. Dies ermöglicht eine Liste in der Zelle.

Erfordert Bootstrap 5 JQuery??

Bootstrap 5 ist so konzipiert, dass sie ohne JQuery verwendet werden kann, aber es ist immer noch möglich, unsere Komponenten mit JQuery zu verwenden. Wenn Bootstrap JQuery im Fensterobjekt erkennt, fügt alle unsere Komponenten im Plugin -System von JQuery hinzu. Dies bedeutet, dass Sie $ machen können ('[data-bs-toggle = "tooltip"]')). Tooltip (), um Tooltips zu aktivieren.