Twitter Bootstrap和gmaps4rails

Question

我有以下視圖代碼，它可以動態調整手機和桌面的大小。但是地圖不會改變大小。有沒有一種方法可以使地圖動態地改變大小以適應手機/平板電腦/臺式機使用引導程序？ （見下文）

.row 
    .span6.offset3 
    .well 
     = gmaps4rails(@maps_json) 

Answer 1

找到答案。改變了寬度和高度爲100％，在gmaps4rails.css文件

Answer 2

並沒有爲我工作， 修復它我gmaps4rails.css改變：

.map_container { 
    width: 100%; 
} 

.gmaps4rails_map { 
    width: 100%; 
    height: 400px; 
} 

這對於修復工具欄

#map label { width: auto; display:inline; } 
#map img { max-width: none; } 

Answer 3

有同樣的問題。這個固定爲我：

.gmaps4rails_map img { 
    max-width: none; 
} 
.gmaps4rails_map label { 
    width: auto; display:inline; 
} 

它不解決問題，試圖僅通過更換img選擇.gmaps4rails_map img，以確保你需要這種特殊的CSS修復。然後在img之前嘗試另一個地圖選擇器。