Получение контейнера div над другим (bootstrap)

Question

Okej, поэтому я пытаюсь получить один контейнер div над другим в bootstrap.

Это HTML-код:

<div class="container-fluid"> 

</div> 
<div class="container"> 

</div> 

И это CSS я получил до сих пор:

.container-fluid{ 
    height: 400px; 
    background: black; 
    z-index: -10; 
} 

.container{ 
    height: 800px; 
    background-color: blue; 
    z-index: 20; 
} 

Так что я хочу для .container быть наверх в .container -fluid. Есть ли простой способ сделать это или кто-нибудь знает лучший метод? Предполагается, что контейнерная жидкость содержит изображение, которое будет заголовком страницы в будущем, в то время как контейнер будет контуром сайта. Причина, по которой я хочу, чтобы контейнер над контейнерной жидкостью был таким, что текст, который я пишу в начале, будет отображаться на заголовке и сохранить хорошее положение, так как размер экрана становится меньше.

Спасибо!

Answer 1

использование:

position:absolute; 
top:0; 

для вашего контейнера и завернуть как Див-х в другой DIV с позиции: относительная. (Или добавить позицию: по отношению к тому, что родитель разделю и DIV в)

как это: http://jsfiddle.net/0p8s1omp/