title: how to remove white space under Bootstrap 4 jumbotron
body: <p>I am having an issue with the jumbotron, white space appear under it for some reason i don't know if its because of my code or a mistake that i made some where . i have been at it for two days now .i copy the code for the jumbotron on the bootstrap 4 website.  i could use some help on this . As you can see by the picture white space appear under it.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.container_fluid.one {
      background-size: cover;
      height: 100vh;
      background-color:  #43E8E4;
  }
  .nav-item {
      padding-right:20px;
      font-size: 18px;
  }
  .info h1 {
      margin-top: 170px;
      line-height: 50px;
  }
  .info p {
      font-size: 15px;
  }
  span {
      color: #fffc00;
  }
   span .gold{
      color: #fffc00;
  }
  .info p {
      font-size: 18px;
  }
  .white {
      color: #fff;
  }
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
      color: #fffc00;
  }
  .leader {
      margin-top: 110px;
      width: 457px;
      height: 316px;
  }
  .down {
      margin-top: 60px;
  }
  .container_fluid.two {
      background-size: cover;
      min-height: 100vh;
      background-color:  #43E8E4;
  }
  .jumbotron {
      margin-top: 0px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container_fluid one"&gt;
    &lt;!--Navbar --&gt;
    &lt;nav class="mb-1 navbar navbar-expand-lg navbar-dark orange lighten-1"&gt;
      &lt;a class="navbar-brand" href="#"&gt;&lt;i class='bx bxl-stripe bx-md' style="color:#fffc00;"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-555"
      aria-controls="navbarSupportedContent-555" aria-expanded="false" aria-label="Toggle navigation"&gt;
      &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;div class="collapse navbar-collapse" id="navbarSupportedContent-555"&gt;
      &lt;ul class="navbar-nav ml-auto"&gt;
       &lt;li class="nav-item active"&gt;
       &lt;a class="nav-link" href="#"&gt;
        &lt;span class="gold"&gt;Home&lt;/span&gt;
       &lt;/a&gt;
       &lt;/li&gt;
       &lt;li class="nav-item"&gt;
       &lt;a class="nav-link" href="#"&gt;Features&lt;/a&gt;
       &lt;/li&gt;
       &lt;li class="nav-item"&gt;
       &lt;a class="nav-link" href="#"&gt;Pricing&lt;/a&gt;
       &lt;/li&gt;
      &lt;/ul&gt;
      &lt;/div&gt;
     &lt;/nav&gt;
     &lt;!--/.Navbar --&gt;
     &lt;section data-aos="zoom-in"data-aos-duration="1900"&gt;
     &lt;div class="container"&gt;
      &lt;div class="row"&gt;
       &lt;div class="col-md-6 text-white info"&gt;
        &lt;h1&gt;I'll go above and beyond for &lt;span&gt;you.&lt;/span&gt;&lt;/h1&gt;
        &lt;p&gt;The world's best.&lt;/p&gt;
        &lt;p&gt;&lt;span&gt;I am good at what i do.&lt;/span&gt;&lt;/p&gt;
        &lt;button type="button" class="btn btn-outline-info white"&gt;Learn More&lt;/button&gt;
       &lt;/div&gt;
        &lt;div class="col-md-6 text-right"&gt;
         &lt;img class="img-fluid leader" src="/images/undraw_site_stats_l57q.svg" alt="Responsive image"&gt;
        &lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/section&gt;
     &lt;div class="container"&gt;
      &lt;div class="row"&gt;
       &lt;div class="col-md-12 text-center down"&gt;
      &lt;i class='bx bx-down-arrow bx-md bx-fade-down' style="color:#fffc00;"&gt;&lt;/i&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="jumbotron jumbotron-fluid"&gt;
    &lt;div class="container"&gt;
     &lt;h1 class="display-4"&gt;Fluid jumbotron&lt;/h1&gt;
     &lt;p class="lead"&gt;This is a modified jumbotron that occupies the entire horizontal space of its parent.&lt;/p&gt;
    &lt;/div&gt;
    &lt;/div&gt;
   &lt;div class="container_fluid two"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/VqlSU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VqlSU.png" alt="enter image description here"></a></p>