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且填充：0！重要; 。 Div #map包含从api加载的谷歌地图。根据这个bootply，我的jumbotron应该正常工作，但它不是：

http://www.bootply.com/MlRhkzU5GR

我的视口初始比例设置为1，我尝试从不同的浏览器加载我的网页。 Chrome开发人员表示，在jumbotron顶部，jumbotron（主体）外面有一个空白区域。

编辑：

通过更新引导程序库来解决问题。

Answer 1

尝试在CSS中将top设置为0，div应该贴在顶部。