2017-12-04 1 views
0

Auf meiner bootstrap 3.3.7 Website erhält der gesamte Körper eine 'style="15px"', wenn das Modal geöffnet ist. Das bewegt meine obere Navigation (Festnetz) 15px nach rechts, wenn ich mein Modal öffne. Ich kann CSS nicht verwenden, um das Padding zu entfernen, da es ein Element ist.Bootstrap modal-open bewirkt, dass body style = "padding-right: 15px;"

Ich habe versucht, auf den Körper für Klasse (und verschiedene andere CSS Optionen) ohne Erfolg zu verwenden. Ich habe das nicht zu meinem HTML hinzugefügt, also ist es ein Bootstrap-Ding. Der Link zum Modal befindet sich in der oberen Navigation, aber wenn der Link angeklickt wird, erscheint das modale Popup HTML unterhalb des Nav div, wenn ich das Element inspiziere.

Hier ist die page, klicken Sie auf 'Anmelden' in der oberen rechten Ecke. Ich erwarte die Navigation zu bleiben, wenn ich auf das modale klicke. Ich möchte nicht, dass es sich bewegt. Bitte helfen

+0

kann u jsfiddle erstellen oder ur-Code einfügen hier –

+0

https://jsfiddle.net/04dseckz/ – user973542

+2

Mögliche Duplikat von [ Twitter Bootstrap Modal Öffnen/Schließen verursacht festen Header zu springen] (https://stackoverflow.com/questions/25274244/twitter-bootstrap-modal-opening-closing-causes-fixed-header-to-jump) – makshh

Antwort

0

Bootstrap auch hinzufügen Klasse auf Körper .modal-open u mit dieser Klasse spielen können

.modal-open .navbar-fixed-top { 
     right: 15px; 
    } 
+0

Das hat funktioniert! Vielen Dank! – user973542

Verwandte Themen