Bootstrap: 컨테이너 액체에 있을 때 Google 지도가 표시되지 않음

안녕하세요,
내 앱에 navbar와 100% x 100% Google 지도가 있습니다. 다른 필터로 오른쪽에 사이드바를 추가하고 싶습니다. 오른쪽에 추가한 이유는 작은 화면에서 더 나은 경험을 하기 때문입니다.

다음과 같이 마지막 탐색 모음 div 뒤에 지도를 추가하면 지도가 유동(%) 값으로 전체 화면을 렌더링합니다.

지도가 보입니다:

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

지도에 고정 값을 추가하고 싶지 않습니다. 유동의 목적을 달성하지 못하기 때문입니다.

미리 감사드립니다!