Fullpage.js: The slide class from bootstrap carousel is in conflict with fullPage.js

[ZetCoby]

in bootstrat the carousel component has a class called slide, <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> because of this class on resize fullpage wraps it in divs with class fp-slides

[alvarotrigo]

Use the option slideSelector and choose another selector for your fullpage.js classes rather than .slide.

[S-Rahemi]

Also you can set display to grid system to fixed from top carousel

.fullpage .fp-section.fp-table,
.fullpage .fp-slide.fp-table {
display: grid;
table-layout: fixed;
width: 100%;
vertical-align:bottom;
}