Bootstrap: Fill whole container under navbar minus navbar height
On a page styled with Twitter Bootstrap and using the navbar I wanted to fill the whole container below the navigation bar with a Google Maps map. To accomplish that I have added the CSS following below. I define for the html and body elements the sizes to 100% so that this is used for the map's size definition. This solution, however, yields one problem: The map's height is now the same as the whole page height, which results in a scroll bar which I can scroll for the 40px the navigation bar adds. How can I set the size of the map to 100% - 40px of the navigation bar? #map { height: 100%;