ブートストラップ - 折りたたまれたナビバーからホバー効果を削除するにはどうすればいいですか？

Question

私は、各リンクがページ内のセクションにスクロールするnavbarを持つページを持っています。

.navbar-default .navbar-nav li a:hover, 
.navbar-default .navbar-nav li a:active { 
    box-shadow: 0 4px 0px 0px #62c4a4; 
} 

これは、テキストを暗くするためのブートストラップのデフォルトのホバーアニメーションに追加されています。コードペンにデモがありますhttp://codepen.io/meek/pen/NNprYb

小さいデバイスでは、折りたたみリストが展開されると青いボックスシャドウのホバーもトリガーされます。しかし、私はブートストラップのデフォルトホバーcssで十分ですので、崩壊したリストのアンカーでトリガーしたくありません。

私は、拡張ナビゲーションバーに表示ホバー効果をどのように停止することができますか？

Answer 1

CSSメディアクエリを使用して、ボタンをさまざまなデバイスサイズで表示する方法を定義できます。例えば

、崩壊NAVアイテムに境界影を削除するには、この特定の場合において：

@media (max-width: 768px) { 

.navbar-default .navbar-nav li a:hover, 
.navbar-default .navbar-nav li a:active, 
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus { 
     box-shadow: none; 
} 

}