Logo bootstrap navbar'a uymuyor

Question

Görüntüyü navigasyonda daha büyük bir boyuta değiştirmeye çalışıyorum.

Ancak bu navbar olsun en bozuk biçimli yaparak.

Buraya kod var: http://www.bootply.com/941lMP3fj6#

sorun görüntü bir bağlantı etiketi olduğundan olabilir. Ama emin değilim.

Answer 1

Dene:

.navbar-brand 
{ 
    padding-top: 0; 
} 

Çalışma: http://www.bootply.com/cCg5FvZyZP

Answer 2

Stillerinizden ekleyiniz:

.navbar-brand 
{ 
    margin: 0; 
    padding: 0; 
{ 

.navbar-brand img 
{ 
    max-height: 100%; 
} 

http://www.bootply.com/rAzwwIbCBI

Answer 3

<div class="container"> 
       <button class="navbar-toggle" data-target=".navbar-responsive-collapse" data-toggle="collapse" type="button"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 

       <div class="navbar navbar-collapse collapse navbar-responsive-collapse"> 
        <div class="pull-left" style="margin-right: 15px;"> 
         <a rel="home" href="/" title="www.site.nl"> 

        <img src="//placehold.it/200x51"> 
       </a> 
        </div> 
        <ul class="nav navbar-nav"> 
         <li class="active"><a href="">Home</a></li> 
         <li><a href="">About</a></li> 
         <li><a href="">Link 1</a></li> 
         <li><a href="">Link 2</a></li> 
        </ul> <!-- end nav--> 
        <ul class="nav navbar-nav pull-right"> 
         <li class="dropdown"> 
          <a href="" class="dropdown-toggle" data-toggle="dropdown"><strong class="caret"></strong> Select language</a> 
          <ul class="dropdown-menu dropdown-menu-right"> 
           <li><a href="">NL</a></li> 
           <li><a href="">IL</a></li> 
           <li><a href="">ENG</a></li> 
          </ul> 
         </li> 
        </ul> <!-- end nav menu right --> 
       </div> <!-- end nav-collapse --> 

      </div> 

th içine logonuzu koyun e konteyner.

Yukarıdaki kod çalışır!

Kontrol ve herhangi bir sorun varsa bana bildirin !!

Answer 4

Sen gezinme çubuğu yüksekliğini ayarlamak gerekir.

Sen yüksekliğini ayarlamak için AZ bu değişkeni kullanabilirsiniz ve dikey navbar ortalamak ve gerekli tüm dolgu içerecektir:

@navbar-height 

50px varsayılan değerdir.

düzenli CSS bu nasıl ayarlanır .navbar-nav dolgusu ayarlamak sonra .navbar ait min-height ve navbar-fixed-top yüksekliğini değiştirmek ve etmektir.

Bu üst kısım (navbar-başlık eksik) yapılandırılmalıdır nasıl:

<div class="navbar navbar-default navbar-fixed-top"> 
      <div class="container"> 
       <div class="navbar-header"> 
       <button class="navbar-toggle" data-target=".navbar-responsive-collapse" data-toggle="collapse" type="button"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="navbar-brand" rel="home" href="/" title="www.site.nl">       
        <img src="//placehold.it/200x51"> 
       </a> 
       </div> 

Örnek Bootply: http://www.bootply.com/tOoeM8o8Om