我有一個導航欄和100%x 100%谷歌地圖在我的應用程序。我想用不同的過濾器在右側添加一個側欄。在右側添加它的原因是因爲在較小的屏幕上有更好的體驗,因爲正確的內容被推到下面。Twitter Bootstrap和谷歌地圖
地圖呈現全屏流體(%)值時,我只是添加了地圖的最後一個導航欄格後,像這樣:
地圖可見:
<div class="navbar">
<nav bar stuff......>
</div>
<div id="map-canvas"></div>
地圖是不可見如果我嘗試將其添加到跨度內以控制其大小並添加側欄。
<div class="container-fluid">
<div class="row-fluid">
<div class="span9">
<div id="map-canvas"></div>
</div>
<div class="span3">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Sidebar</li>
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
</div>
</div>
我不想給地圖添加一個固定值,因爲它破壞了流體的目的。
在此先感謝您提供有關如何使地圖在容器流體內可見的任何提示。
這樣的佈局看起來不錯,也許你已經定義在你的CSS尺寸,邊框,保證金或填充值?如果沒有,你可以嘗試刪除你的列表中的「well」類,如果這是問題,只需將一個內部包裝器div寫爲「nav nav-list」的子元件。 – 2012-03-09 12:32:10
在此處得到答案。地圖的高度設置爲零。鏈接回答。 https://github.com/twitter/bootstrap/issues/2475 – Epalissad 2012-03-10 13:10:55