链接到codeply上的演示https://www.codeply.com/go/3HkzkLKpow
以下是Skelly制作的一系列Navbars。我已经复制了导航栏10并将其排在第二位。当您调整视口大小以使切换可见时,位置2和11中的导航栏将失去其高度。切换只是可见和可点击,并在视口内完美地生成一个div。这是bootstrap 4的问题吗?我知道我可以使用样式表来解决这个问题,但不应该这样做。 谢谢你的期待。
答案 0 :(得分:0)
这样做是因为.navbar-toggler-right
绝对位于右侧,从而将其从相对容器的流中取出。 .navbar
有填充,这就是黑条仍然部分显示的原因。如果您将.container
更改为容器流体并相对定位.navbar-toggler-right
并将其向右浮动,则菜单将放置在相同的位置,但不会隐藏该栏。