Full width jumbotron image

Question

I'm trying to make the image have the same width as the browser screen. It needs to be responsive. I'm new at bootstrap 3 so any help is greatly appreciated.

Here is a code playground like for you to see exactly what I mean.

http://bootply.com/98241

You will see the jumbotron image is left aligned. I need it to stretch the full width of the page.

Answer 1

According to the Bootstrap documentation, to make .jumbotron full width, take it outside of any .container.

http://getbootstrap.com/components/#jumbotron