html - Bootstrap 导航栏在悬停时展开

Question

所以我刚刚将我正在处理的元素的导航栏更新为 Bootstrap 导航栏。我稍微修改了 Bootstrap。当我添加 width: 80%; 和 margin-left: 20%; 以使导航栏跨越整个页面并在 很左这个“牌子”。您可以在此处查看问题:http://output.jsbin.com/mumuna .源代码:https://github.com/CSGOFlair/dev

Answer 1

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

所以，改变:

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;
}