ブートストラップNavbarをHoverで展開する

Question

私は、私がBootstrap navbarに取り組んでいるプロジェクトのnavbarを更新しました。ブートストラップを少し修正しました。この問題は、width: 80%;とmargin-left: 20%;を追加すると、navbarがページ全体に広がり、が左端に表示されます。は「ブランド」です。あなたはここに問題を見ることができます：http://output.jsbin.com/mumuna。ソースコード：https://github.com/CSGOFlair/dev

Answer 1

これは、ホバー上のアンカータグに余白を追加するためです。

ので、変更：ライン47上の

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

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

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

へ