html - 我刚搬到 bootstrap，它的 css 很严格。如何更改导航悬停以退出弹跳并调整我的 p 元素的大小？

Question

我刚刚转到 Bootstrap 以使我的网站响应。在创建它的过程中，当我将鼠标悬停在它上面时，我的导航会反弹并使标题导航移动，而不是仅仅悬停并显示我的边框顶部效果。除此之外，我无法弄清楚如何调整标题字体大小和

的大小。我的网站是https://affattraction.com

您可以在那里看到问题。 showcase h1 下左边有黑色文字没有调整大小 (

) 的问题。

此外，将鼠标悬停在导航链接上时，链接会稍微向下弹跳，它们应该保持不动。悬停的唯一指示应该是运行良好的绿色条。

感谢任何帮助!

Answer 1

如果你打算在悬停时使用 border-top，你可以添加 border-top

.navbar-default .navbar-nav > li > a {
    padding-top: 15px;
    color: #FFFFFF;
    border-top: transparent 2px solid;
}