Css 导航条下的引导式巨型机车

我正在努力做到这一点：

导航栏下的全宽标题图像：实现这一点的最佳Bootstrap3方法是什么

我能够使用本教程将jumbotron移动到主容器外：

现在的挑战是将导航栏移回页面顶部的原始位置（它当前显示在jumbotron之后）

---

谢谢。

尝试添加一些自定义CSS和HTML：

HTML:

---

在您的背景div之后，您可以放置jumbotron并对其进行自定义。确保您的图像足够宽（1920px是一个很好的宽度），以便在所有分辨率下都看起来正常。此外，高度必须固定，否则图像将占据整个页面。

尝试添加一些自定义CSS和HTML：

HTML:

在您的背景div之后，您可以放置jumbotron并对其进行自定义。确保您的图像足够宽（1920px是一个很好的宽度），以便在所有分辨率下都看起来正常。此外，高度必须固定，否则图像将占据整个页面

<div class="background-image"> </div> /!-- Make sure it is right under the closing head tag! --!/

.background-image {

    height: 400px;
    background-image: url('community.jpg');
    width: 100%;
    position: absolute;
    top:0;
    z-index: -100;


}