在bootstrap的jumbotron中插入响应式GMaps

Question

我正在使用bootstrap jumbotron，我想在里面插入谷歌地图，但我遇到了问题。我可以插入地图，但在这个jumbtron中我还有一个警报，在我放置地图后不再显示。

<div class="jumbotron">
          <div class="container theme-showcase" role="main">
          <div class="alert alert-warning" role="alert">
            <strong>Warning!</strong> Best check yo self, you're not looking too good.
          </div>
      </div> 

          <div id="map"></div>            
</div>

应显示的警报： 插入地图后如何显示：

修改 警报div显示在地图下方，尽管事实上是同一警报的绝对位置 新代码：

{{1}}