Navbar items wrong position when in state "collapse in", with any navbar-toggleable-*

Created by: lvmajor

When using the new navbar component, there is a little problem with the alignment of the list items which appear right aside the navbar-brand when viewing the collapsed menu.

I don't really know how to explain it clearly so here is an image which shows what I mean exactly. Maybe it's not a bug and if so, just tell me and I'll abide to your decision :P. IMO, the Home link should stand on it's own line. If we put a bigger navbar-brand, the problem gets even clearer as multiple items will be right beside the logo/brand image and others will flow under normally.

To reproduce, simply go the bootstrap 4 navbar documentation. The last example, the responsive one, will show this "bug" when window is resized enough to display the hamburger icon.

Then simply expand the navbar and it should be right there.

Reproduced on Edge 25.10586.0.0 and Chrome 52.0.2743.82 on Windows 10. Not tested on other browsers.

I found a possible fix to this problem by adding a clear when the navbar is in "collapse" mode and viewed.

https://gist.github.com/os1r1s110/7379c3ba0a0472a7c8b3da977864d041