在bootstrap中删除标题的上边距

Lal*_*ath 7 html css html5 css3 twitter-bootstrap-3

HTML

<div class="container-fluid">
  <div class="row">
    <div class="page-header header_site">
      <h1><font>ABC Company</font></h1>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS代码:

.header_site {
  background-color: darkblue;
}

font {
  color: white;
  margin: auto 160px auto 160px;
}
Run Code Online (Sandbox Code Playgroud)

我想删除上边距,如下图所示.

在此输入图像描述

Pet*_*ete 11

给你的h1和页眉一个0的边距,并确保你的身体没有任何填充:

body { padding: 0; }
.page-header,
.page-header h1 {margin-top:0;}
Run Code Online (Sandbox Code Playgroud)

示例bootply

如果您需要h1向下移动一点,那就给它吧padding-top


小智 9

对于Bootstrap 3,只需添加类"media-heading"

<h1 class="media-heading"><font>ABC Company</font></h1>
Run Code Online (Sandbox Code Playgroud)