Блог

Я хочу создать меню с выпадающим списком, но выпадающий список не будет работать.

Это моя скрипка. для этой кнопки есть код, но он не отображается. Я не знаю, почему. Вот моя скрипка: JSFIDDLE

           <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
  

Я использую bootstrap 3.0
Вот изображение, как это выглядит :

Удалить overflow:hidden из div и img из css и назначить .wrapper

Рабочая демонстрация

 .wrapper{
  border: 1px solid black;
  margin: 4em auto;
  position: relative;
  width: 502px;overflow:hidden;
}
  

используйте это :

 <ul class="dropdown-menu" role="menu">
     <li><a href="#">Action</a>
           <ul><li>submenu 1 </li>
               <li>submenu 2 </li>
               <li>submenu 3 </li></ul>
     </li>
     <li><a href="#">Another action</a></li>
     <li><a href="#">Something else here</a></li>
     <li class="divider"></li> 
     <li><a href="#">Separated link</a></li>     
</ul>