title: Bootstrap 4 losing content with fullPage.js
body: <p>Well basically my problem is that when I'm scrolling down when using the fullPage.js, I loose the content of my 'Section0, I don't know if it is the lack of sleep but I can't find the problem, I'm linking the codepen so you can try it live, thanks in advance!</p>
  
  <pre><code>&lt;div id="fullpage"&gt;
    &lt;div class="section fp-auto-height" id="section0"&gt;
      &lt;!-- Fin del menú de navegación --&gt;
        &lt;div class="banner"&gt;
          &lt;div class="container"&gt;
            &lt;div class="intro"&gt;
            &lt;h1 class="jumbotitle"&gt;BRAND LOGO&lt;/h1&gt;    
            &lt;p class="jumboparr"&gt;¡Some text for information!&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="section" id="section1"&gt;
     &lt;div class="slide sd1" id="slide1"&gt;
       &lt;div class="container"&gt;
         &lt;div class="row justify-content-center"&gt;
           &lt;p class="sdp1"&gt;More info bla bla blaa &lt;/p&gt;
           &lt;p class="sdp1"&gt;The same info different color&lt;/p&gt;
         &lt;/div&gt;
       &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="slide sd2" id="slide2"&gt;
       &lt;div class="container"&gt;
         &lt;div class="row justify-content-center"&gt;
           &lt;p class="sdp2"&gt;¡Moooore infoooo lorem impsum! &lt;/p&gt;
         &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://codepen.io/grbstudios-the-styleful/pen/XBWmKZ" rel="nofollow noreferrer">Codepen</a></p>