摺疊時自舉菜單欄重疊徽標

Question

當導航欄摺疊（顯示切換圖標時）時，菜單（主頁，服務，產品組合，關於，聯繫人）位於徽標上方。如果我從徽標（nag-bar-brand）獲取絕對位置，則菜單顯示在中心。如果有標誌下面的菜單。我希望你能理解我的問題。英語不是我的第一語言。謝謝。 HTML

<!--navbar--> 
<div class="navbar navbar-default navbar-fixed-top"> 

<div class="container"> 

<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 

<span class="icon-bar"></span>`enter code here`  
<span class="icon-bar"></span>  
<span class="icon-bar"></span> 

</button> 

<a href="#"class="navbar-brand"><img id="brand-image" src=""><img src="images/logo.png" class="img-responsive" alt="website logo"></a> 

<div class="collapse navbar-collapse navHeaderCollapse"> 

<ul class="nav navbar-nav navbar-right"> 

<li><a href="#">Home</a></li> 
<li><a href="#">Service</a></li>  
<li><a href="#">Portfolio</a></li>  
<li><a href="#">About</a></li>  
<li><a href="#">Blog</a></li>  
<li><a href="#">Contact</a></li>          
</ul> 

</div> 

</div>   
</div><!--end navbar--> 

CSS：

.navbar { 
background-color:#FFF; 
border-radius: 0 px; 
min-height: 85px; 
} 

.navbar-nav{ 
padding-top: 20px; 
letter-spacing: 0.05em; 
} 

.navbar-nav > li{ 
padding-left:20px; 
} 

.navbar .nav >li > a:hover{ 
color: #19bcb9; 
} 
.navbar-brand{ 
position:absolute; 
} 

Answer 1

如果圖像是太大，會出現這種情況。使用最大高度最大寬度限制圖像

Answer 2

只需將圖像大小設置爲100％即可。這應該工作！

.img { 
img-size:100%; 
}