悬停闪烁问题的引导导航

Question

我正在使用引导程序，并且正在更改悬停时链接的颜色。

问题是当我悬停时，会出现轻微的闪烁，导致导航栏高度发生变化。有关如何修复它的任何线索。

这是演示

Answer 1

当您

将鼠标悬停在链接上时，链接会border-bottom: 4px solid white;。为您的正常li提供相同的边框。

.navbar .nav>li {
float: left;
border-bottom: 4px solid;
}