Html 向引导添加头

我对引导程序相当陌生，在导航栏上方放置标题时遇到问题。 我需要有一个至少70像素的高度为当前网站的标题，同时我需要确保通过手机看到的响应工作。 我现在的代码是

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#index.html"><img src="img/navigationlogo.png" alt="Home"/></a>

          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active">
                <a href="#index.html"><img src="img/Home_Button.png" width="24" height="21" alt="Home"/></a>
              </li>
</ul>
          </div>
        </div>
      </div>
    </div>

我想我能做的就是补充一下

<header></header>

在导航栏上方放置我的徽标

有人能给我提供一个css的示例代码来说明我是如何做到这一点的吗？

---

据我所知，需要保持一些最小的填充，以便在通过移动设备看到时，响应导航可以工作。

您可以通过以下方式在导航栏上方放置一个div或html5标题块，假设图像的宽度为1000px：

<header>
<img src="http://placehold.it/1000x70"/> 
</header>

您可以将导航栏放在上述代码之后

---

您可以看到一个JSFIDLE添加了一个header标记，并给它一个

“page header”

类。这将为您的网站提供一个漂亮的小标题。

如果您想知道Bootstrap的标准标题，您还应该知道如何添加子标题

<div class="page-header">
  <h1>Your mother was a hamster 
      <small>and your father smelt of elderberries</small>
  </h1>
</div>

你妈妈是只仓鼠
你父亲闻到了接骨木的味道

结果:

你妈妈是只仓鼠
你父亲闻到了接骨木的味道

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

如果希望CSS处于固定位置，则必须覆盖CSS。您是否尝试过将自定义标题放在.navbar div的开头（就在.navbar internal之前）？我没有，这样行吗。你能提供一些示例代码吗？太好了！有没有可能或者更好的办法是像这样在上面堆叠两个