Bootstrap Navbar Zusammenbruch bewegt sich nach links und rechts, wenn Hamburger Taste Makeln

Question

I padding-left bei Klasse entfernt .navbar-collapse.collapse.in so die Navigation mehr Zentrum aussieht. Wenn ich jedoch den Hamburger-Button umschalte, wirkt der Navbar-Kollaps komisch.

Wenn ich mit dem Bootstrap navbar-collapse in kleineren Ansichtsfenster versuchen, ist dieser Fehler nicht da. Ich erkennen, dass dies sein kann, weil ich manuell navbar-collapse ermögliche mit diesem Code mit IPAD Porträt zu arbeiten:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

    .navbar-collapse.collapse { 
     display: none !important; 
     padding-left:0; 
    } 
    .navbar-collapse.collapse.in { 
     display: block !important; 
     padding-left:0; 
    } 
    .navbar-header .collapse, .navbar-toggle { 
     display:block !important; 
    } 
    .navbar-header { 
     float:none; 
    } 
    .navbar-nav>li { 
     float:none !important; 
    } 
} 

ich hier unten einen ähnlichen Schnipsel von Codes erstellt, können die ähnlichen Fehler zu sehen:
http://codepen.io/ngp130895/pen/ZWMQqo
Wie können mich repariere das?

Answer 1

Da das Padding beim Umschalten 0 wird. Wenn Sie padding: 15px hinzufügen, wenn das Menü angezeigt wird, wird das nicht erstellt.

Hier ist Version gegabelt - http://codepen.io/kalpeshsingh/pen/jqvWRa

Answer 2

ich die Antwort selbst gefunden. Ich entferne Padding-Links von der Klasse navbar-collapse als auch.

.navbar-collapse { 
    padding-left:0; 
} 

Bootstrap ist ein bisschen seltsam, obwohl.