css - 在 Bootstrap 导航栏上方添加徽标

Question

我正在使用这个引导示例尝试 Twitter Bootstrap

我想用 PNG 图形替换文本徽标（项目名称），但似乎无法使用以下代码完成：

<div class="container">

  <div class="masthead">
    <h3 class="muted">Bull</h3>
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <ul class="nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Projects</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Downloads</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
      </div>
    </div><!-- /.navbar -->

谢谢你的帮助！

Answer 1

在<div class="masthead">您的内部<h3 class="muted">包含“项目名称”文本。

摆脱<h3>并将其替换为：

<img src="foo.png" alt="" />

（当然你可能想在你的图像周围放一个<figure>或<h1>，但它应该像上面一样简单）