Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03203.jsonl.gz/1180

Mit der Bootstrap Navbar können einstufige Dropdown-Menüs erstellt werden. Diese Menüs können Icons, Trennlinien, Titel und inaktive Links enthalten.
So wird im Hauptmenü ein Dropdown erzeugt:
- Bei URL wird nur ein #-Zeichen eingesetzt. Eine richtige URL wird ignoriert da der Link nur für das Anzeigen der Untermenüs (Dropdown) benutzt wird.
- Unter «Angezeigter Name» wird der gewünschte sichtbare Namen eingetragen.
- Per Drag & Drop werden die Untermenüs einem Link untergeordnet. Man erkennt die Untermenüs am optischen Einzug. Eine weitere Unterteilung (tiefere Verschachtelung) ist nicht möglich. Ein Untermenü innerhalb eines Untermenüs ist nicht möglich.
Icon vor Link in Hauptmenü
So wird ein Icon des Iconsets Glyphicon Halflings vor einem Menülink platziert:
- Unter HTML-Attribut title das Wort glyphicon-iconname ein, wobei iconname dem Namen des gewünschten Icons entspricht. Auf der Bootstrap-Webseite findet ihr die zu Verfügung stehenden Icons und deren Namen.
Titel innerhalb Dropdown-Menü
Um ein Dropdown-Menü besser zu strukturieren, können Titel innerhalb des Menüs eingefügt werden. So wird ein Titel hinzugefügt:
- Bei URL wird nur ein #-Zeichen eingesetzt. Die Überschrift kann nicht verlinkt werden. Die Eingabe einer URL wird ignoriert.
- Unter HTML-Attribut title wird das Wort dropdown-header eingegeben.
Trennlinie in Dropdown-Menü
So wird eine Trennlinie innerhalb des Dropdown-Menüs erzeugt:
- Bei URL wird nur ein #-Zeichen eingesetzt. Eine richtige URL wird ignoriert da dieser Eintrag durch eine Linie ersetzt wird.
- Unter HTML-Attribut title muss das Wort divider eingefügt werden.
Inaktiver Link in Dropdown-Menü
Ein inaktiver Link wird grau dargestellt und lässt sich nicht anklicken. So wird ein solcher Link erstellt:
- In das Feld HTML-Attribut title wird das Wort disabled eingefügt.