How to maximize or fill the whole page with bootstrap carousel. (with navigation bar)

Goodevening coders! I'm currently working with my website. My problem is, I cant maximize the size of my bootstrap carousel. My desired output of my website is the whole page is filled with the bootstrap carousel and there is only a navigation bar above the site for navigation menu. I manipulate all the possible attributes of the <div> and <img> inside my carousel code such as width and height but still the carousel not occupy the whole page. Does the real the size of the image affects? Help.