Javascript 谷歌地图与bootstrap

如何使用bootstrap让我的谷歌地图响应 我有一张全屏显示的地图。在浏览器上很好 但是移动式哮喘不好，我需要一个反应灵敏的 适合视口的贴图

#map{
    width: 100%;
    height: 300px;
}

在一辆巨型货车里。这是一个快速解决方案，但需要完全响应

<div class="container-fluid"  >
<div class="row-fluid">
<h1>Landing Page</h1>
Latitude : {{lat}}
Longitude : {{lon}}
Accuracy : {{accuracy}}
</div>
<div class="jumbotron">
 <div id="map"></div>
</div>
</div>

登录页
纬度：{{lat}}
经度：{{lon}
准确度：{{accurity}}

请检查这一点，然后选择另一个工作示例