2017-09-14 30 views
-1

當我嵌入我的谷歌地圖時,導航欄和導航欄漢堡包中的下拉菜單變爲非活動狀態,當我點擊它們時,什麼都不發生。爲什麼我的下拉按鈕不適用於嵌入的谷歌地圖?

這是我與谷歌地圖頁面嵌入:

<body> 
 
<nav> 
 
    <nav class="navbar navbar-expand-lg navbar-light bg-light"> 
 
    <img src="Owlswick Logo.svg" width="300" height="75" class="d-inline-block align-top" alt=""> 
 
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> 
 
     <span class="navbar-toggler-icon"></span> 
 
    </button> 
 
    <div class="collapse navbar-collapse" id="navbarNavDropdown"> 
 

 
    <!--dropdown--> 
 
    <li class="nav-item dropdown"> 
 
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">About Owlswick Morris</a> 
 
    <div class="dropdown-menu"> 
 
     <a class="dropdown-item" href="Present Owlswick.html">Present Owlswick</a> 
 
     <a class="dropdown-item" href="Our History.html">Our History</a> 
 
     <a class="dropdown-item" href="Jane Reasons.html">Jane's 5 Reasons to Morris Dance</a> 
 

 
    </div> 
 
    </li> 
 
    <div> 
 
</nav> 
 

 
<div id="map"> 
 
<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJyaAw2pB9d0gRNqb4LwxJCnc&key=AIzaSyDqL1wqNr0OJe9rkXYPirEe8REMDNJM_5E" allowfullscreen</iframe> 
 
</div> 
 

+0

看起來好像'