帶有下拉菜單的菜單按鈕

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

從css中刪除溢出：隱藏div和img並分配給.wrapper

工作演示

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