Metin marka yerine bir resim logosu ile Bootstrap 3 varsayılan gezinti çubuğu kullanmak istiyorum. Farklı ekran boyutları ile ilgili herhangi bir sorun vermeden bunu yapmanın doğru yolu nedir? Bu ortak bir gereği sanırım, ama daha iyi bir kod örneği görmedim. Önemli bir şartı, tüm ekran boyutlarında kabul edilebilir bir görüntü olması dışında menü collapsibility küçük ekranlarda.

Sadece gezinti çubuğu-marka sınıfı olan Bir etiket içinde IMG etiketi koyarak denedim, ama o düzgün benim android telefon fonksiyonu için Menü neden oldu. Ben de daha yukarı gezinti çubuğu sınıf, ama bu berbat şeyler yüksekliği artan çalıştı.

Bu arada, logo imajımı gezinti çubuğu yüksekliği daha büyüktür.

<div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" 
            data-target=".navbar-ex1-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" rel="home" href="#" title="Buy Sell Rent Everyting">
        <img style="max-width:100px; margin-top: -7px;"
             src="/img/transparent-white-logo.png">
    </a>
</div>