Bootstrap 3 - Выпадающий пункт меню при наведении не отображает содержимое

Question

Мое выпадающее меню (то есть с картой img) не работает, оно должно отображать содержимое из раскрывающегося списка с именем класса. Большое вам спасибо за помощь.

<header class="navbar-fixed-top"> 
<div id="menu-top"> 
    <div class="container"> 
     <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8"> 
      <h2 class="head-text">ATS GLOBAL - {$txt_head1}</h2> 
     </div> 
     <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> 
        <ul class="nav navbar-nav"> 
        <li class="dropdown"><a href="" data-hover="dropdown"><img src="/images/images/mapimg.png" alt="" /> <span class="caret"></span></a> 
         <ul class="dropdown-menu"> 
         <li><a href="#">programowanie</a></li> 
         <li><a href="#">grafika</a></li> 
         <li><a href="#">wideo</a></li> 
         <li><a href="#">DTP</a></li> 
         </ul> 
        </li> 
        </ul> 
     </div>   
    </div>  
</div> 
..... 

Answer 1

добавить к вашей CSS

.dropdown { 
    background: url("/images/images/mapimg.png") no-repeat; 
    display: block; 
    height: 100px; //Your image's height 
}