Full width jumbotron image

css, html, twitter-bootstrap

Solution

Make the img width 100%..

.widewrapper {
  width:100%;
  }

.widewrapper > img {
  width:100%;
}

Bootply

Problem

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.

Original source