Bootstrap 4 Navbar在较小视口上的高度为零

时间:2017-08-10 15:42:00

标签: html css twitter-bootstrap

链接到codeply上的演示https://www.codeply.com/go/3HkzkLKpow

以下是Skelly制作的一系列Navbars。我已经复制了导航栏10并将其排在第二位。当您调整视口大小以使切换可见时,位置2和11中的导航栏将失去其高度。切换只是可见和可点击,并在视口内完美地生成一个div。这是bootstrap 4的问题吗?我知道我可以使用样式表来解决这个问题,但不应该这样做。 谢谢你的期待。

1 个答案:

答案 0 :(得分:0)

这样做是因为.navbar-toggler-right绝对位于右侧,从而将其从相对容器的流中取出。 .navbar有填充,这就是黑条仍然部分显示的原因。如果您将.container更改为容器流体并相对定位.navbar-toggler-right并将其向右浮动,则菜单将放置在相同的位置,但不会隐藏该栏。