html - 全宽超大屏幕图像

标签 html css twitter-bootstrap

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

这是一个代码 Playground ,您可以准确地理解我的意思。

http://bootply.com/98241

您会看到超大屏幕图像左对齐。我需要它来拉伸(stretch)页面的整个宽度。

最佳答案

根据 Bootstrap 文档,要使 .jumbotron 为全宽,请将其置于任何 .container 之外。

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

关于html - 全宽超大屏幕图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20357594/

相关文章:

css - 如何仅显示带有 id 的 div 而仅使用 CSS 隐藏其他 div

html - 粘性页脚不完全位于移动设备的底部

jquery - Go 和 Typeahead js 集成

jquery - 在页面加载时为 bootstrap 2.0 更改 body 标签

javascript - JQuery 对话框中的 HTML 表不起作用

php - 动态面包屑 URL

javascript - ARIA 让读者阅读非重点元素内容

html - 下拉菜单将列表项移出对齐

javascript - bootstrap 正方形和矩形响应具有相同的高度

html - 移动设备上的 Bootstrap 容器问题