navbar

2012-08-05 24 views
16

gibi Bootstrap gezinme çubuğu üzerinde bir görüntü (marka logosu) koymak için herhangi bir yolu var mı boyutlandırma olmadan twitter önyükleme gezinme çubuğu üzerinde bir logo koy? Ben navbar

.navbar .brand 
{ 
display: block; 
height: 125px; 
width: 246px; 
padding: 0; 
background: url('../Content/Images/logo.png') no-repeat left center; 
float:left; 
position: absolute; 
} 

çalıştı ve ben konumlama ile iyi sonuçlar var ama linkler logosu gel.

cevap

31

bağlantılar Bu mutlak konumlandırma kaynaklanır

logosunun üzerine gelir. Görüntüyü yeniden boyutlandırma olmadan

Güncelleme:

.navbar .brand { 
    max-height: 40px; 
    overflow: visible; 
    padding-top: 0; 
    padding-bottom: 0; 
} 

Demo without resizing image (jsfiddle)

+0

istemiyorum imajının geri büyüklüğünde edilecek. Konteyner div boyutunu yeniden boyutlandırmak istemiyorum. Bu logoya bir göz atın [link] (http://www.skagos.gr/) – dseferlis

+0

@dseferlis benim düzenlemeyi kontrol et – Sherbrow

+0

düzenlemenizi yaptın. Teşekkürler. – dseferlis