2016-07-01 5 views
0

Wie schließe ich Menüelemente aus meinem Nav aus, wenn eine Minimierung stattfindet?So schließen Sie Menüelemente beim Einsturz im Bootstrap-Nav aus

deutlicher zu sein, habe ich einige Listenelemente als solche:

<li>|</li> 

als Abstandshalter Elemente zwischen anderen Menü. Die Pipes innerhalb der "li" -Tags werden als Elemente im minimierten Navigationsmenü angezeigt, und ich möchte diese beim Minimieren ignorieren.

Gibt es eine Eigenschaft, die ich dem Element hinzufügen kann, damit der Bootstrap vollständig ignoriert, indem ich meine "Abstandhalter" zur Nav-Liste der Menüelemente hinzufüge?

+0

Was ist mit Ihnen eine CSS-Regel auf Listenelemente stattdessen gelten: Wie 'ul li: nicht (: first-child) {border : 1px solid # 000;} 'damit Sie keine zusätzlichen DOM-Elemente haben, nur um Ihr Menü zu formatieren. Und wenn Sie sie nicht im komprimierten Zustand haben wollen, nutzen Sie die angewendeten Bootstrap-Klassen des kollabierenden Elements **" collapse "/"Einbrechen" ** in Ihrem css –

Antwort

2

Ja, beziehen Sie sich hier auf http://getbootstrap.com/css/#responsive-utilities-classes für die verfügbaren Klassen.

Für Ihr Beispiel würden Sie so etwas wie folgt verwenden:

<li class="hidden-xs">|</li>

+0

Wow. Danke für diese Antwort. Funktioniert perfekt. Die Nav-Trennlinien, die ich verwende, verschwinden, wenn der Bildschirm verkleinert wird. – user1431072