Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Navbar items wrong position when in state "collapse in", with any navbar-toggleable-* #20392
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.
@cvrebert All right I will try to do that in the future. But I have one question, how do I make corrections using codepen? I found how to load the newest bootstrap version (alpha 3) but not the v4-dev branch in it so I don't really know how it can be used to show bugs/solutions. Do I simply put the new scss and assume it will overwrite?