How to make Navbar and Carousel combined always full screen

Question

I want to have a nav-bar at the top of my page. Below that I want my carousel which should always take up the entire remaining screen.

This is my navbar:

Answer 1

Add this css

.carousel { height: calc(100vh - 56px);}
.carousel-inner,.carousel-item { height: 100%;}
.carousel-item { background-color: #000;}
.carousel-item img { height: 100%; object-fit: cover; object-position: center;}

  
  
  

        
          
        

        

          

                

                    Home
                
                

                    Artworks
                
                

                    Fashion Collection
                
                

                    Blog
                
                

                    About me
                
                

                    Contact me
                
            
          

                
                    
                
          
        
      

          

            

            

            

            

            

          
          


                

                        
                        
                            

                            
Get to my artworks...
                            
Lorem ipsum dolor sit amet
                            
                        
                      

                      

                        
                        
                            

                            
Get to my fashion collection...
                            
Lorem ipsum dolor sit amet 
                            
                        
                      

                      

                          
                          
                                

                                    
Get to my blog...
                                    
Lorem ipsum dolor sit amet
                                
                            
                        

                        

                            
                            
                                

                                    
Read some stuff about me...
                                    
Lorem ipsum dolor sit amet
                                
                            
                        

                        

                            
                            
                                

                                    
Contact me...
                                    
Lorem ipsum dolor sit amet
                                
                            
                        

          

          
            
            Previous
          
          
            
            Next