BS, как задать размеры элементов

[sergs333]

Пытаюсь встроить гугл карту и никак не получается вывести ее нормального размеры, точнее высоты. Получается она высотой в одну строку и все. Подскажите куда копать?

Код формы:

Код: Выделить всё

<div class="panel panel-info">
     <div class="panel-heading">Map</div>
     <div class="panel-body" id="gt_map"></div>        
</div>        
    <script>
      var gt_map;
      function initMap() {
        gt_map = new google.maps.Map(document.getElementById('gt_map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 8
        });
      }
    </script>
<script src="https://maps.googleapis.com/maps/api/js?callback=initMap" async defer></script>

в гугле про BS нашел, что может вылечиться вот так:

Код: Выделить всё

<div class="panel-body" style="min-height: 10; max-height: 10;">

но тоже не помогло.

Выглядит сейчас это безобразие вот-так


а хотелось бы чтобы карта была до низа страницы

[Sturgeon]

в гугле про BS нашел, что может вылечиться вот так:

Код: Выделить всё

<div class="panel-body" style="min-height: 10; max-height: 10;">

но тоже не помогло.

А "10" это не в пикселях высота?

Попробуйте другой размер поставить. 500, например. Или в процентах 100%. Вот пример для использования гугл карт. Все почти как у Вас, только размеры блока задаются явно и сильно больше, причем не для "class", а для "id". Может в этом причина?

http://www.w3schools.com/googleAPI/tryi ... ml_ref_map

А BS это как я понял, погуглив, Bootstrap? Вы действительно его используете?