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.