Bootstrap：如何在Google地图上显示面板

Question

在bootstrap 3中，我想在地图上显示谷歌地图和引导程序面板。

所以我有以下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;
}