Bootstrap Jumbotron沒有調整到頂部

Question

我的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和padding：0重要; 。 Div #map包含從api加載的谷歌地圖。根據這一bootply，我的超大屏幕應正常工作，但它不是：

http://www.bootply.com/MlRhkzU5GR

我視初始比例設置爲1，我已經嘗試從不同的瀏覽器加載我的網頁。 Chrome開發者表示，在jumbotron的頂部，在jumbotron（機身）外部有一個空白區域。

編輯：

通過更新引導程序庫解決了問題。

Answer 1

嘗試在您的CSS中設置top到0 div應堅持頂部。