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;
    }

我尝试将 body 强制为 100%，margin 为 0，padding:0!important; . div #map 包含从 api 加载的谷歌地图。根据这个 bootply，我的 jumbotron 应该可以正常工作，但它不是：

http://www.bootply.com/MlRhkzU5GR

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

编辑：

通过更新引导库解决了问题。

Answer 1

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