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应坚持顶部。