Twitter启动栏和Google不一起工作

Question

我有一个愚蠢的css问题，但我似乎无法解决它。我正在将google地图插入到12大小的twitter引导栏中：

<div class="col-lg-12" style="height:50%;">
   <div id="map-canvas" style="position:static !important;height:50%  !important;"></div>
</div>

最后，我会加载地图，但它不会占用任何空间/高度：

​

​

我试过在地图上加一个高度。我试着给列增加一个高度，但似乎没有什么效果。谁给我看看这里的灯光

Answer 1

您需要为#mapCanvas设置一个特定的像素高度。

或者确保mapCanvas容器(html，body)有一个高度。

html, body {
  height: 100%;
}

#map-canvas {
  margin: 0;
  padding: 0;
  height: 50%;
}

演示：http://www.bootply.com/118448