徽标下方的 Bootstrap 3 导航栏

我是 Bootstrap 3 的新手，我仍在学习。到目前为止，我设法制作了一个带有徽标和链接的简单导航栏。我现在试图将我的徽标放在徽标上方，将导航栏放在徽标下方。我使用了 HTML 中断，但这只是将我的条形文字间隔开来。

编码：

<nav class="navbar navbar-default navbar-static-top">
  <div class="container">

    <div class="navbar-header">
        <a class="navbar-brand" href="#">Super Signals</a>
    </div>
    <br>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Targets</a></li>
      <li><a href="#">Contact</a></li>
    </ul>

  </div>
</nav>

这就是我现在所拥有的：

这就是我要的：