2017-08-31 5 views
0

Meine Navigationsleiste funktioniert wie gewünscht auf normal großen Seiten/Bildschirmen. Auf Smartphones oder kleineren Bildschirmen wird jedoch der schwarze Hintergrund der Navigationsleiste abgeschnitten und der Inhalt der Liste beibehalten. sie unsichtbar machen, und eine horizontale Bildlaufleiste erscheint für etwas, das wie nichts aussieht.Größe der Seite und der Navigationsleiste ändern

Vorschau Fehler:

Preview of error

in html Mein Code ist nur eine Liste, in CSS-Grund Styling und Position ist margin: 0; Breite: 1920px;

Ich habe versucht, es auf 100% zu setzen, aber es zwingt nur den Navigationsleisten-Text über das Bild, ohne den schwarzen Balken zu erweitern. Ich habe gerade 100% maximale Breite für das Bild verwendet und es funktioniert gut.

Alle Tutorials i Verwendung Bootstrap finden können, im nicht-Boost Band mit, da dies eine Zuordnung der Praxis der Schule ist und Bootstrap erlaubt ist nicht in der letzten

+0

Können Sie Geige für das zur Verfügung stellen? –

+0

https://jsfiddle.net/r3y4yuxj/1/ Verließ den Kopf, weil es persönliche Informationen drin hatte, aber es betrifft nicht den Rest der Seite, so dass es cool –

+0

Sie versucht Bootstrap dafür oder nicht? –

Antwort

0
nav{ 
    position: absolute; 
    top:0; 
    width: 100%; 
} 
#serv{ 
    width:100%; 
    margin-top: THE HEIGHT OF NAV; 
} 

Drücken Sie diese und #serv nav.

0

ich denke, du hast die navbar-klasse nicht in deiner navbar benutzt und verweise auf meinen plocker und es ist mobil ansprechend.

beziehen Sie sich auf diesen Plunker. Verwendung ul <> Tag und li <> Tag

[https://plnkr.co/edit/5gvJYTgRcp6WzrN9cIOd?p=preview][1] 
+0

müssen einen Weg finden, es ohne Bootstrap zu tun –

Verwandte Themen