Skip to content
GitLab

Fix for .navbar-toggleable-* > .container-fluid

Closed Administrator requested to merge github/fork/zalog/patch-2 into v4-dev

Created by: zalog

Problems:

  • childrens inside .navbar-toggleable-* > .container-fluid are not staying on the same line. You can see this on bigger viewports than *.
  • when .container|.container-fluid > .navbar-toggler-* left/right position is relative to .container and not .navbar itself. That means that the positioning will be doubled by the padding of the .navbar.

We need to set display: flex on .container-fluid and reset the .container|.container-fluid > .navbar-toggler-* position.

Please look at this example: http://codepen.io/zalog/pen/PWRvrJ

Later edit: In my example I've used .container-fluid.w-100 and I think we need to set .container-fluid 100% width by default. Please let me know if so.