html - 在 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;
}

我想去掉上边距，如下图所示。

Answer 1

为您的 h1 和页眉设置 margin-top 为 0 并确保您的正文没有任何填充:

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

Example bootply

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