为什么第二个div中有额外的空格（＆＃34;创新你＆＃34;）？

Question

我对css和html很新，并意识到这可能是一个愚蠢的错误......

Code Pen Demo

我没有在任何地方看到一个上边距（使用不同的引导源并从中构建）但是无论我分析代码多少，我仍然无法找到问题。

<div id="fh5co-products" data-section="products">
 <div class="container">
  <div class="row">
   <div class="col-md-8 col-md-offset-2 fh5co-section-heading text-center">
    <h2 class="fh5co-lead animate-single product-animate-1">innovating you</h2>
    <p class="fh5co-sub animate-single product-animate-2">Your buyers are constantly evolving, and it can be hard to keep up. That's where we come in. </br>By uncovering the latest trends and best-in-class technologies, we work to ensure that you provide a selling experience that exceeds your buyers' expectations.</p>

Answer 1

请在您的代码中添加此css

.jumbotron {
  margin-bottom: 0;
}

Answer 2

因为带有子div class="jumbotron"的第一个元素的属性margin-bottom的值为30px

你的CSS中的

.jumbotron {
  margin-bottom: 0; // or use margin-bottom: 0 !important if this not work
}