Bootstrap, no background after scrolling

Question

I am using bootstrap: http://ironsummitmedia.github.io/startbootstrap-simple-sidebar/ I wanted to change this white background, but when I generate some data and scroll page, it is under it still white.

I've changed in this bootstrap only this:

html, body {
    height: 100%;

}

#wrapper {
    height: 100%;
    width: 100%;
    background: red;

Answer 1

Could you now just have

body { background-color: red; }

or with a gradient you could do:-

#wrapper { background: red; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */ background: linear-gradient(red, yellow); /* Standard syntax */ height: 100vh; }

Answer 2

try this

#wrapper {
height: 100vh;
width: 100%;
background: red;
}