Bootstrap карта яндекса в footer под блоком контактов и формы обратной связи
Собственно, как сделать правильно. Сейчас есть
<body>
.......
<FOOTER id="" style="position:relative;">
<DIV id="map" class="" style="height: 400px;"></DIV> # Как задать динамичную высоту по сумме container, вообще, нужен ли он?
<DIV class="" style="width:100%;position: absolute;top:0px;z-index:102;"> # Как исключить?
<DIV class="container">
<DIV class="row">
<div class="col-sm-7">
<div class="panel panel-default" style="background: #7dc5f4;">
<div class="panel-heading">
<h2 class="panel-title">Контакты</h2>
</div>
<div class="panel-body">
<dl class="dl-horizontal">
<dt>Адрес:</dt>
<dd>Российская федерация, Москва, </dd>
<dt>Телефон:</dt>
<br>
<dt>Общие вопросы</dt>
<dd>+7 495 579-00-00 c 9 до 18 часов по будням</dd>
<dt>Технические вопросы</dt>
<dd>+7 495 789-00-00 c 9 до 21 часа каждый день</dd>
<dt>E-Mail:</dt>
<dd>info@company</dd>
</dl>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">Обратная связь</h2>
</div>
<div class="panel-body">
<form class="form-horizontal" style="margin-top: 15px;" role="form" method="post" action="index.php">
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control" id="name" name="name" placeholder="Ваше имя" value="">
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<input type="email" class="form-control" id="email" name="email" placeholder="Адрес электронной почты." value="">
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<textarea class="form-control" rows="4" placeholder="Хотите задать вопрос? Напишите нам отсюда!" name="message"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<input id="submit" name="submit" type="submit" value="Отправить нам письмо" class="btn btn-primary btn-block">
</div>
</div>
</form>
</div>
</div>
</div>
</DIV>
<DIV class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-body">
<UL class="list-inline">
<LI><A href="[[~2]]">Запчасти</A></LI>
<LI><A href="[[~3]]">Расходка</A></LI>
<LI><A href="[[~4]]">Мастера</A></LI>
</UL>
</div>
</div>
</div>
</DIV>
</DIV>
</DIV>
<!--<DIV class="" style="width:100%;">
</DIV>-->
</FOOTER>
</body>