带下拉列表的菜单按钮

Question

我想创建一个带下拉菜单，但下拉列表不能正常工作。

这是我的小提琴。该按钮有一个代码，但它没有显示。我不知道为什么。这是我的小提琴： 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 这是图像的样子：

Answer 1

删除溢出：隐藏div和img来自css并分配给.wrapper

Working Demo

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

Answer 2

使用它：

<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>