Bootstrap Jumbotron не подходит для игры Top

Question

My jumbotron не работает должным образом. Это мой код:

<div class="jumbotron fill-jumbotron"> 
     <div class="container" id="outer"> 
      <h1 align="center" id="mapsHead">Google Maps Filter</h1> 
      <div id="map"></div> 
     </div> 
    </div> 

А вот мой CSS:

.fill-jumbotron{ 
    height:100%; 
    background: url('../assets/images/city2.jpg') no-repeat center center; 
    } 

Я пытался принуждая тело на 100%, рентабельность до 0 и дополнения: 0 важных; , Div #map содержит карту google, загруженную из api. В соответствии с этим bootply, мой JumboTron должен работать правильно, но это не так:

http://www.bootply.com/MlRhkzU5GR

Мой видовой экран начальный масштаб устанавливается в 1, и я попытался загрузки моего веб-страницы из разных браузеров. Разработчик Chrome показывает, что в верхней части jumbotron есть пустое пространство вне jumbotron (body).

EDIT:

решаемая проблема при обновлении начальной загрузки библиотек.

Answer 1

Попробуйте установить top на 0 в вашем CSS, div должен придерживаться вершины.