谷歌地图resposive与bootstrap

Question

如何通过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>