有没有办法在自举导航栏上放置图像(品牌标志),如:
<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; }
我有很好的结果与定位,但链接过来的标志。
解决方法
the links come over the logo
这是由绝对定位引起的。
更新不调整图像大小:
.navbar .brand { max-height: 40px; overflow: visible; padding-top: 0; padding-bottom: 0; }