Kann nicht herausfinden, warum meine Navigationsleiste nach rechts geschoben wird

Question

Hier ist es in Jsbin. Aber ich kann die Dateien auch hochladen, wenn nötig. Alles ist fehl am Platz aufgrund der fehlenden Bilder und anderen Dateien. Aber mein einziges Problem ist die rechte Seite der Navigationsleiste. "Über uns, Blog, Sicherheit, Hilfe, Download Now" werden alle an den Rand des Bildschirms gedrückt, während das Logoicon und "Outbank" innerhalb des Center-Containers bleiben, wie sie sollten.

Die Navigationsleiste auf der rechten Seite sollte genau wie die 2 auf der linken Seite sein, nur auf der rechten Seite statt links.

Ich lerne HTML und CSS, also suche ich nur nach Seiten und versuche, sie von Grund auf neu zu erstellen. Es ist der einzige Weg, an den ich denken kann, um besser zu werden, da ich niemanden habe, der mich unterrichten könnte. Alle Udemy-Kurse und nur Textkurse vermissen etwas für mein Gehirn. Kann mir jemand sagen, warum das passiert?

Sie werden wahrscheinlich die HTML/CSS-Panels ganz nach links auf die Seite ziehen müssen, um zu sehen, was ich auch verweise. Die Navigationsleiste sollte genau wie auf dieser Stapelüberlaufseite sein. Der StackIcon, "stackoverflow", verlinkt dann nach rechts. Alles bleibt in der Mitte der Seite mit der Breite des Containers. http://jsbin.com/nodifoxama/edit?html,css,output

Answer 1

.nav { 
    background-color: #fff; 
    padding: 20px 0; 
    position: fixed; 
    z-index: 5; 
    width: 100%; 
    box-sizing: border-box; 
    //add 
    left: 0; 
    top: 0; 
} 

Answer 2

Ihr Raster Design funktioniert nicht richtig, da Ihr CSS nicht ist der Umgang, wenn der Browser-Bildschirm in der Größe reduziert wird.

Wenn Sie neu in CSS und HTML sind, würde ich Ihnen dringend empfehlen, CSS Bootstrap auf Ihrer Webseite zu implementieren, anstatt eine benutzerdefinierte CSS responsive Seite zu schreiben.

http://www.w3schools.com/bootstrap/