Bootstrap 4 - Drop-down mit Toggleable-XL

Question

So habe ich Bootstrap 4 w/Understrap für meine neueste Theme-Entwicklung verwendet, und ich bin mit einem seltsamen Bug mit der Dropdown-Funktion. Es scheint, wenn eine Navigationsleiste verwendet wird, die toggleable-xl ist, wird eine Dropdown-Größe die gesamte Größe ändern, wenn sie geöffnet wird. Hier

ist ein Beispiel für die Ausgabe: http://codeply.com/go/7IOdz8L2RS

Sie können sehen, dass durch eine Änderung togglebar-xl togglebar-sm es das Problem behebt. Der Grund, warum ich toggleable-xl verwenden muss, liegt darin, dass ich das kollabierende Feature der Navbar entfernen möchte. Ich weiß, dass ich die Navbar einfach nicht benutzen kann, aber ich möchte das Styling wenn möglich beibehalten. Irgendwelche Ideen, warum das Drop-Down das tut? oder wie kann ich diese navbar erreichen, ohne dieses Problem zu verursachen?

Answer 1

Es ist eine offene Frage hierzu:

https://github.com/twbs/bootstrap/issues/22058

Eine Abhilfe ist:

.navbar-toggleable-xl .navbar-nav .dropdown-menu { 
    position: absolute; 
    float: left; 
} 

http://www.codeply.com/go/cd92P7PAgE