Rectangle 27 0

css Bootstrap jumbotron under nav bar?


.background-image {

    height: 400px;
    background-image: url('community.jpg');
    width: 100%;
    position: absolute;
    top:0;
    z-index: -100;


}
<div class="background-image"> </div> /!-- Make sure it is right under the closing head tag! --!/

After your background div, you can put your jumbotron and customize it. Make sure your image is wide enough ( 1920px is a good width) so that it will look ok on all resolutions. Also, the height must be fixed , otherwise the image is going to take up your whole page.

Note