2012-08-05 135 views
16

有什么办法可以把上引导的导航栏等的图像(品牌标识):放在Twitter的引导导航栏徽标不调整导航栏

<div class="navbar navbar-fixed-top"> 
<div class="navbar-inner"> 
    <div class="container"> 
     <a class="brand" href="#"><img src="../Content/Images/logo.png" /></a> 
    </div> 
</div> 
</div> 

,并保持高度的导航栏不变? 我试图

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

和我有定位良好的效果,但链接过来的标志。

回答

31

链接过来的标识

这是由绝对定位造成的。

更新没有调整图像大小:

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

Demo without resizing image (jsfiddle)

+0

我不希望像被重新调整大小。我不想重新调整容器的大小。看看这个标志[链接](http://www.skagos.gr/) – dseferlis 2012-08-05 21:17:15

+0

@dseferlis检查我的编辑 – Sherbrow 2012-08-05 21:30:44

+0

你的编辑做的伎俩。谢谢。 – dseferlis 2012-08-06 12:10:37