全宽jumbotron图像

Question

我正在尝试使图像与浏览器屏幕具有相同的宽度.它需要响应.我是bootstrap 3的新手,所以非常感谢任何帮助.

这是一个代码游乐场,你可以看到我的意思.

http://bootply.com/98241

您将看到jumbotron图像左对齐.我需要它来拉伸页面的整个宽度.

Answer 1

根据Bootstrap文档,要获得.jumbotron全宽,请将其带到任何外部.container.

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

Answer 2

使img宽度为100%..

.widewrapper {
  width:100%;
  }

.widewrapper > img {
  width:100%;
}

引导层