I am quite new to the css and bootstrap i have searched and tried the `w3c` solution and also the SO but did not work well. Actually i want to have an image as a background on my homepage. on which there would be my content like 3 small buttons/icon in the middle of the page. 

I have tried this 

```
<div id="homepage">

</div>

```

css:

```
#homepage{
    background: url(../images/homepage.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

```

but it is not working. 

2nd Solution:
Second thing which i tried was to include a `img` tag then add my content and drag to the middle by absolute position which i think is not a good way because responsiveness did not remain there. 

Can any one help me in this regard.