导航栏顶部的Twitter-Bootstrap-2徽标图片 [英] Twitter-Bootstrap-2 logo image on top of navbar
本文介绍了导航栏顶部的Twitter-Bootstrap-2徽标图片的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
有人可以建议我如何将徽标图像放置在导航栏的顶部吗? 我的标记:
Can someone suggest how I can place a logo image on the top of the navbar? My markup:
<body>
<a href="index.html"> <img src="images/57x57x300.jpg"></a>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
它不起作用,因为导航栏下方显示了57x57x300.jpg.
It is not working as the 57x57x300.jpg is shown below the navbar.
推荐答案
您还必须将"navbar-brand"类添加到图像a
容器中,还必须将其包含在.navbar-inner
容器中,像这样:
You have to also add the "navbar-brand" class to your image a
container, also you have to include it inside the .navbar-inner
container, like so:
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="navbar-brand" href="index.html"> <img src="images/57x57x300.jpg"></a>
</div>
</div>
</div>
这篇关于导航栏顶部的Twitter-Bootstrap-2徽标图片的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文