自举4导航栏有较小的视零高度

链接到演示上codeply https://www.codeply.com/go/3HkzkLKpow 自举4导航栏有较小的视零高度

下面是由斯凯利产生导航栏的选择。我复制了导航栏10并将其放在第二位。当您调整视口大小以使切换可见时，位置2和位置11处的导航栏会丢失其高度。切换只是可见和可点击的，并在视口内完美地生成一个div。这是bootstrap 4的问题吗？我知道我可以使用样式表来解决这个问题，但不需要。感谢您的期待。

来源

2017-08-10 aidan watt

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

来源

2017-08-10 15:54:33

感谢您的输入，但为什么其他所有的navbars工作没有额外的编码，这不？当然，这应该在Bootstrap提供的css中处理。 –

它是具有它的'.navbar-toggler-right'类。如果你不想要，就把它拿开。相反，将类“.pull-right”添加到它，它将具有类似的效果。其他例子中的其他例子实际上是一样的，但是它们在导航中有Brand，这使得它保持适当的高度，因为Brand仍然在页面的流程中。 –

谢谢 - 拿出.navbar-toggler-right并添加右拉，它的工作很好。需要消除并准确了解所有这些定位元素如何配合在一起。 –

自举4导航栏有较小的视零高度

回答

相关问题