html - 使用 Bootstrap 在网页底部留出空间

Question

我目前正在使用 bootstrap 制作网站, 但在首页背景图片的末尾有一段关于50px 的空白 的长度。

是否可以去掉这条空白区域？我已经提供了网站的 html 和 css 代码。非常感谢您的帮助。

HTML

     <!-- html-->
      <div id="title-page">
           <div class="container">
               <div id="nav" class="navbar navbar-inverse navbar-static-top">
      <div class="container">
          <a href="#" class="navbar-brand"></a>
          <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
             <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
          </button>
          <div class="collapse navbar-collapse navHeaderCollapse">
              <ul class="nav navbar-nav navbar-right">              
                <li><a href="#">Home</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>              
              </ul>
          </div>
      </div>
      </div>
               <div id="pic-headings">
               <h1 class=" text-center" ></h1><>
               <br>
               <h2 class=" text-center"></h2>
               </div>
           </div>
       </div>

CSS

 <!--css-->
#nav{
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
    padding-right: 20px;

}
.navbar-brand{
    color: #fff;
}

#title-page{
    background-size: 100%;
    background-size: cover; 
    background-image: url(stephen1.jpg); 
    color: #fff;
    height: 830px;
    margin-bottom: 0px;
}
#pic-headings{
    padding-top: 200px;
    text-align: center;
}
h1{
    font-family: eb-garamond, sans-serif;
    -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;


}
h2{
    font-family: eb-garamond, sans-serif;
    -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;

}     

Answer 1

在第 24 行你有一些杂散字符 <> 这对你的情况没有帮助。你可以考虑在没有嵌套容器类的情况下重构你的代码，并且总体上只是不要将你的 div 嵌套得那么深。在这样做的过程中，您肯定会发现问题。

请发布链接或 jsfiddle 或更多代码，以及您尝试使用哪个版本的 Bootstrap 以获得更多帮助。

---

这可能会或可能不会帮助您入门

<div id="header">
    <div class="container clearfix">
        <ul id="nav">
            <li></li>
        </ul>
    </div>
</div>
<div class="container">
    <div class="row-fluid">
        <div class="span12">
             something
        </div>
    </div>
</div>