Bootstrap导航悬停闪烁问题

Question

我正在使用bootstrap，我正在改变悬停时链接的颜色。

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

Here is the demo

Answer 1

当您将鼠标悬停在其上时，

链接已border-bottom: 4px solid white;。 给你的正常li边框。

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