Horizontales Menü im Bootstrap-Grid vertikal machen - Seite 3

cloned · #21 (**permalink**) 09.02.2017, 09:45

Dann musst du für kleinere Auflösungen ein flex-wrap: wrap; definieren, ansonsten bleiben die Elemente in einer Reihe. Auch kannst du für eine kleinere Auflösung die Größe deiner flex-items auf 100% stellen, dann sind alle untereinander. Bzw. auf 50%, dann hast du jeweils 2 nebeneinander.

edit: Wahrscheinlich reicht es, flex-wrap: wrap generell zu definieren, dann "wrappt" es, wenn der Platz nicht mehr ausreicht. Aber einfach mal probieren.

Berndi · #22 (**permalink**) 09.02.2017, 10:06

Ich bin begeistert !

Danke für den Tip.
Flexbox ist wirklich sehr mächtig und - nomen est omen - super flexibel.

Habe es mit

Code:

#tgs-2ndnav ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

@media all and (max-width: 800px) {
  #tgs-2ndnav ul {
empty space around items */
    justify-content: space-around;
  }
}

@media all and (max-width: 600px) {
  #tgs-2ndnav ul {
    justify-content: flex-start;
    flex-direction: column;
  }
}

super hinbekommen.

cloned · #23 (**permalink**) 09.02.2017, 10:12

Sehr schön, freut mich wenn es klappt. Und man sich nicht durch anfängliche Probleme (wie ich sie auch hatte) aufgibt, sondern sich etwas Flexbox einarbeitet. Auch ich muss immer noch dauernd nachschauen, wo/wie man jetzt was genau schreiben muss, aber dafür gibt es ja die von mir praktische Übersichtsseite.
Gut, dass deine Seitennavigation jetzt passt.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
horizontales Menü in horizontales Pulldown-Menü ändern	Stephan1958	CSS	5	11.01.2012 13:37
Vertikales submenue in horizontales mainmenue einbinden	susigeha	CSS	7	25.02.2011 08:20
horizontales Menü mit Subemenü ohne Listenelemente aber mit Grafiken	metalmarder	CSS	4	21.02.2009 20:38
In horizontales Menü dropdown einbinden	Star_Scream	CSS	1	14.10.2008 13:45
[gelöst] Horizontales Dropdownmenu mit Unterordnern	sui	CSS	5	27.10.2005 18:51