html – 删除bootstrap中标题的上边距

前端之家收集整理的这篇文章主要介绍了html – 删除bootstrap中标题的上边距前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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;
}

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

解决方法

给你的h1和页眉一个0的边距,并确保你的身体没有任何填充:
body { padding: 0; }
.page-header,.page-header h1 {margin-top:0;}

Example bootply

如果你需要你的h1向下移动一点,那么给它填充顶部

猜你在找的HTML相关文章