Bootstrap: Google Map wird in einer Behälterflüssigkeit nicht angezeigt

Hi,
Ich habe eine Navigationsleiste und eine 100% x 100% Google Map in meiner App. Ich möchte rechts eine Seitenleiste mit anderen Filtern hinzufügen. Der Grund für das Hinzufügen auf der rechten Seite ist die bessere Erfahrung auf kleineren Bildschirmen.

Die Karte rendert den Vollbildmodus mit flüssigen (%) Werten, wenn ich die Karte einfach nach dem letzten Navigationsleisten-Div wie folgt hinzufüge:

Karte ist sichtbar:

    <div class="navbar">
        <nav bar stuff......>
    </div>
    <div id="map-canvas"></div>

Die Karte ist nicht sichtbar, wenn ich versuche, sie innerhalb einer Spanne hinzuzufügen, um ihre Größe zu steuern und eine Seitenleiste hinzuzufügen.

    <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>

Ich möchte der Karte keinen festen Wert hinzufügen, da dies den Zweck der Flüssigkeit verfehlt.

Danke im Voraus!