full page carousel

Hi,

If you want to use our full page carousel slider component, please check out our documentation and live preview here.

There are few examples. You can choose whatever you like, depending on the type of account you have.

If you want it to become full-page, just add following code to your css file:

/* Necessary for full page carousel*/

html,
body,
.view {
 height: 100%;
}

/* Carousel*/

.carousel,
.carousel-item,
.carousel-item.active {
 height: 100%;
}

.carousel-inner {
 height: 100%;
}

.carousel-item:nth-child(1) {
 background-image: url("https://mdbootstrap.com/img/Photos/Others/images/76.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
}

.carousel-item:nth-child(2) {
 background-image: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/30.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
}

.carousel-item:nth-child(3) {
 background-image: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img%20(10).jpg");
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
}

Is this resolve your problem?

Best regards,
Ania