在Bootstrap导航栏上方添加徽标

Question

我正在使用此bootstrap example

试验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">包含＆＃34;项目名称＆＃34;文本。

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

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

（当然，您可能希望在图片周围放置<figure>或<h1>，但它应该像上面一样简单）