Bootstrap yandex map in the footer, with feedback and contacts in two panels on top?

D
dmitrij_hort2017-04-05 14:17:17
css
dmitrij_hort, 2017-04-05 14:17:17
Actually, how to do it right.
Now there is
<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>[email protected]</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="">Запчасти</A></LI>
                        <LI><A href="">Расходка</A></LI>
                        <LI><A href="категория.html">Мастера</A></LI>
                     </UL>
                  </div>
               </div>
            </div>
         </DIV>
      </DIV>
   </DIV>
   <!--<DIV class="" style="width:100%;">
      </DIV>-->
</FOOTER>
</body>