Ciao a tutti,

sto realizzando una pagina web a due colonne utilizzando il css di bootstrap.

vi posto il codice html:

codice:
<div class="col-sm-2">
			.....
		</div>
<div class="col-sm-10">			<div id="map"></div>
		</div>
e la regola css che sto applicando

codice:
#map {    width: 100%;
    height: 100%;
    }
il problema è che la mappa non viene visualizzata. Se invece specifico le dimensioni (in px) della larghezza e dell'altezza del div #map, allora la mappa viene visualizzata ma cosi facendo non si adatta allo schermo.

Qualcuno saprebbe dirmi cosa non sto considerando nel mio codice?