Logonuzla navbar markasından hover'ı nasıl kaldırabilirsiniz

Question

Metin ve logoyu alabilmek için çift navbar markalı mükemmel çalışıyor gibi görünüyor. Ancak, metin markası için hover-hilite kaldırmak kolaydır? Bağlantılarım ve bırakma bölümlerim bir şeyler yapıyor, ancak marka başlığını tıklamak için işlevsellik istemiyorum. Vurgulu yanıltıcıdır.

<nav class="navbar navbar-inverse navbar-fixed-top role=navigation"> 
    <div id="navbar-container" class="container"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <!-- is it possible to turn off the hover/highlight for the text brand? --> 
      <a class="navbar-brand" href="#">Codeshelf</a> 
      <a class="navbar-brand" href="#"><img src="favicon.gif" width="24" height="24"></a> 
     </div> 
    <!-- links, dropdowns --> 
    </div><!-- /.container --> 
</nav> 

Answer 1

Aşağıdaki CSS ekleyerek ve çekirdek önyükleme CSS dosyası sonra gelir sağlayarak metin marka hover devre dışı bırakabilir.

.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus { 
    background-color: transparent; 
    color: #999999; 
} 

Bu hile yapmalı! Burada bir FIDDLE

Answer 2

Amir5000 çözümü benim için çalışmadı.

Ayrıca bu bu düzeltebilirsiniz:

<a class="navbar-brand" href="#" style="background-color: transparent !important;">Codeshelf</a> 
<a class="navbar-brand" href="#" style="background-color: transparent !important;"><img src="favicon.gif" width="24" height="24"></a> 

bu ayarı değiştirmek başka bir CSS dosyalarının üzerine !important ile manuel satır içi CSS düzeltme ayarlayın.