如何在twitter bootstrap导航栏上放置一个图片而不调整导航栏的大小?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (537)

有什么办法可以将图像(品牌徽标)放在引导程序的导航栏上:

<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;
}

而且我的定位效果很好,但链接来自于标志。

提问于

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励