Die Seitenleiste und Bootstrap -Dropdown -Navigationsnavigation sind diese ähnlich?

1. Was ist Bootstrap Dropdown?
2. So erstellen Sie das Dropdown -Menü in Bootstrap?
3. Warum funktioniert das Bootstrap -Dropdown -Menü nicht??
4. So reagieren Sie Bootstrap -Dropdown?

Was ist Bootstrap Dropdown?

Dropdowns sind technische, kontextbezogene Overlays für die Anzeige von Links und mehr sind. Sie werden interaktiv mit dem mitgelieferten Bootstrap -Dropdown -JavaScript -Plugin hergestellt. Sie werden durch Klicken, nicht durch schwebender Schwebewechsel umgeschaltet; Dies ist eine absichtliche Designentscheidung.

So erstellen Sie das Dropdown -Menü in Bootstrap?

Grundlegende Dropdown

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. Ergänzen Sie die . Dropdown-Menu-Klasse zu a <div> Element, um das Dropdown -Menü tatsächlich zu erstellen.

Warum funktioniert das Bootstrap -Dropdown -Menü 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 reagieren Sie Bootstrap -Dropdown?

Wenn Sie eine reaktionsschnelle Ausrichtung verwenden möchten, deaktivieren Sie die dynamische Positionierung, indem Sie das Attribut von Data-Display = "Static" hinzufügen und die ansprechenden Variationsklassen verwenden. Um das Dropdown -Menü mit dem angegebenen oder größeren Breakpoint oder größer auszurichten, fügen Sie hinzu .