html - 导航栏后面的 Twitter Bootstrap 背景

Question

我有一个带有 navbar-wrapper 类的导航栏，这使得它 float 在浏览器的顶部中心。我想在它后面有一个填充蓝色的矩形区域。我应该怎么做？

考虑此页面 http://lowcoupling.com/post/59130887987/defining-project-plans-and-gantt-charts-in-eclipse

我想在正文之前和导航栏之后添加一个蓝色填充区域。

更新 通过在主体的开头添加一个空的超大屏幕并设置

，我设法做了一些类似于我想要的事情

.jumbotron{
    margin-top:-90px;
    background-color:rgb(20,7,91);
}

问题是它有圆 Angular ，两个顶 Angular 留下了令人讨厌的空白区域，如您所见http://lowcoupling.com/post/59130887987/defining-project-plans-and-gantt-charts-in-eclipse

关于如何解决这个问题有什么想法吗？

更新 很简单

.jumbotron{
    margin-top:-90px;
    background-color:rgb(20,7,91);
    border-radius:0px;
}

Answer 1

假设你的 navbar-wrapper 类是 'navbar-wrapper'

.navbar-wrapper {
   background-color: blue;
}

或者，如果喜欢您链接到的示例

.navbar {
    background-color: blue;
}