需要重叠div

Question

我使用bootstrap设置了网站，并根据自己的喜好完成了导航栏。现在我必须处理我的容器。我想在这里找到像这样的图像（http://awesomescreenshot.com/0d61zypfff）。主容器稍微重叠导航栏。我已经将这些类用于我的导航栏，并且已经列出了我认为理想的代码布局..

<div class="navbar navbar-inverse navbar-static-top" role="navigation"></div>
<div class="container"> //Please do not add any styling to the container
    <div class="index"> //background: #ffffff;
        This text overlaps the menubar
    </div>
</div>

我在导航栏中添加了额外的填充底部，使导航栏更加“buff”，并希望我的索引部分重叠它。 如果我需要添加更多信息，请告诉我。

Answer 1

应该做一点负利润：

navbar {margin-bottom: -20px;}

或者：

.index {margin-top: -20px;}

Answer 2

要添加到@isherwood，您还必须设置z-index: -1;。这将使索引div与导航栏重叠。