Bootstrap Navbar在悬停时扩展

Question

所以我刚刚将正在处理的项目的导航栏更新为Bootstrap导航栏。我稍微修改了Bootstrap。当我添加width: 80%;和margin-left: 20%;以使导航栏跨越整个页面并且在左侧 “品牌”时，似乎会出现问题。您可以在此处查看问题：http://output.jsbin.com/mumuna。源代码：https://github.com/CSGOFlair/dev

Answer 1

这是因为您在悬停时为锚标记添加了边距。

所以，改变：

li a:hover {
    background-color: #00a8a8;
    margin: 25px 10px;
}

在https://github.com/CSGOFlair/dev/blob/gh-pages/css/stylesheet.css到

的第47行

li a:hover {
    background-color: #00a8a8;
    margin: 0px;
}