नेवबार

Question

वहाँ की तरह बूटस्ट्रैप के नेवबार पर एक छवि (ब्रांड लोगो) डाल करने के लिए कोई तरीका है आकार बदलने के बिना चहचहाना बूटस्ट्रैप नेवबार पर एक लोगो लगाएं? मैं

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

की कोशिश की और मैं स्थिति के साथ अच्छे परिणाम है, लेकिन लिंक लोगो पर आते हैं।

Answer 1

लिंक लोगो

यह पूर्ण स्थिति के कारण होता है पर आया।

अद्यतन छवि का आकार बदलने के बिना:

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

Demo without resizing image (jsfiddle)