导航栏顶部的Twitter-Bootstrap-2徽标图片 [英] Twitter-Bootstrap-2 logo image on top of navbar

查看:74
本文介绍了导航栏顶部的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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆