在 bootstrap 中删除页眉的上边距

Question

HTML

 <div class="container-fluid">
  <div class="row">
    <div class="page-header header_site">
      <h1><font>ABC Company</font></h1>
    </div>
  </div>
</div>

CSS 代码：

 .header_site {
  background-color: darkblue;
}

font {
  color: white;
  margin: auto 160px auto 160px;
}

我想删除下图中标记的上边距。

原文由 ONE_FE 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

给你的 h1 和页眉 margin-top 0 并确保你的身体没有任何填充：

 body { padding: 0; }
.page-header,
.page-header h1 {margin-top:0;}

例子bootply

如果你需要你的 h1 向下移动一点，然后给它 padding-top

原文由 Pete 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

对于 Bootstrap 3，只需添加类“media-heading”

 <h1 class="media-heading"><font>ABC Company</font></h1>

原文由 Scotty G 发布，翻译遵循 CC BY-SA 3.0 许可协议