Ng Bootstrap Carousel Full-screen

Question

I have an angular 5 application and I am using Carousel component from "@ng-bootstrap/ng-bootstrap": "^1.1.2" . I want to preview pictures in full screen but when I press f11 . My picture look like this . I do not know what css to apply in order to prevent the browser from showing the white empty line at the bottom.

Answer 1

You can add the styling to the image

img {
 height: 100vh;
}

Answer 2

you can add:

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