2014-06-17 70 views
-2

我想用一些引導程序樣式和一些網格來構建網站。如何刪除地圖框架之間的空間

我希望在右側有Google地圖卡,在左側有一個簡單的文字。

我遇到的問題是,我在移動設備上放置了Google iframe和網格之間的空間。我給它的顏色是藍色的,所以我可以看到哪個網​​格在哪裏,但我怎樣才能修復它,谷歌地圖佔用網格的整個寬度,沒有周圍的空間,你可以在移動設備上看到它? here is the demo site

  <div class="col-xs-6 col-md-6 gmap" style="background-color:blue"> 
      <iframe src=" https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2369.3387871906875!2d9.987669999999998!3d53.56956999999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47b18f10c1641aa5%3A0x9e2e0a1e8cac2d78!2sT%26M+Limousinen+Service+GmbH!5e0!3m2!1sde!2sde!4v1403018648499" width="100%" height="50%" frameborder="0" style="border:0"></iframe> 

      <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
       <span class="glyphicon glyphicon-chevron-right"></span> 
      </a> 
     </div> 


.gmap{ padding: 0; height:15%;} 
+0

請在您的問題中提供**相關**代碼。一旦你的問題解決了,你的鏈接就變得毫無用處,因爲這個問題將不再存在供將來的讀者看到 – freefaller

回答

0

試試用table標籤訂購。

<table> 
    <tr> 
     <td colspan="3"> 
      asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd 
     </td> 
    </tr> 
    <tr> 

     <td> 
      a la derecha 
     </td> 
     <td style = "background-color:blue"> 

     </td> 
     <td> 
      <div class="col-xs-6 col-md-6 gmap" style="background-color:blue"> 
       <iframe src=" https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2369.3387871906875!2d9.987669999999998!3d53.56956999999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47b18f10c1641aa5%3A0x9e2e0a1e8cac2d78!2sT%26M+Limousinen+Service+GmbH!5e0!3m2!1sde!2sde!4v1403018648499" width="100%" height="50%" frameborder="0" style="border:0"></iframe> 

      <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
       <span class="glyphicon glyphicon-chevron-right"></span> 
      </a> 
     </div> 
     </td> 
    </tr> 
</table> 

我想這是一個簡單的解決方案,你可以添加一些樣式到你的表和其他inners標籤,希望對你有幫助。