有没有办法在bootstrap的导航栏上放置一个图像(品牌徽标),如下所示:
<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;
}
我有很好的定位结果,但链接超过了徽标。
发布于 2012-08-06 00:46:00
这些链接位于徽标上方
这是由绝对定位引起的。
在不调整图像大小的情况下更新:
.navbar .brand {
max-height: 40px;
overflow: visible;
padding-top: 0;
padding-bottom: 0;
}
https://stackoverflow.com/questions/11816819
复制相似问题