Bootstrap V3 - Navbar probleme beim Zusammenschieben

[MrMurphy1]

Hallo

Bei Bootstrap soll für eigene CSS-Anweisungen eine zusätzliche CSS-Datei eingebunden werden, die nach den Bootstrap CSS-Dateien geladen wird.

Zum Testen kannst du die CSS-Anweisungen auch in den head-Bereich der Seite innerhalb des style-Elements schreiben.

Ursache des Problems: Bis zum Umschalten auf das Hamburger-Menü reicht der Platz für alle Menüpunkte in einer Zeile nicht aus. Deshalb muss der Platz etwas vergrößert und die Schrift gleichzeitig etwas verkleinert werden. Das kann zum Beispiel folgendermaßen geschehen:

      @media (min-width: 768px) and (max-width: 1000px) {
         .navbar .container {
            width: 100%;
            padding: 0;
         }
         .navbar .container .nav li {
            font-size: 14px;
         }
      }

Gruss

MrMurphy