Bootstrap：如何在Google地圖上顯示面板

Question

在引導程序3中，我想在地圖上顯示Google地圖和引導面板。

所以我有以下HTML部分：

<div class="container-fluid"> 
    <div id="map-canvas" style="width:100%"; height:"100vh";></div> 
    <div class="panel col-md-2 col-md-offset-10"> 
     .... 
     .... 
    <div> 
</div> 

面板反正是顯示下面的地圖，而不是在地圖。

有什麼問題？

Answer 1

自定義的CSS，例如

.container-fluid{ 
    position: relative; 
} 
#map-canvas{ 
    position: absolute; 
    top: 0; 
    right: 0; 
    z-index: 1; 
} 
.panel{ 
    z-index: 2; 
}