Javascript 引导面板作为下拉菜单？

我想显示作为下拉面板，我尝试过，但一些风格重叠

<div class"dropdown-menu panel panel-default">
  <div class="panel-heading">
    <h4 class="panel-title">Notifications</h4>

  </div>
  <div class="panel-body">
    some list
  </div>
</div>

通知
一些清单

如何在下拉列表中获取面板？

请尝试以下操作：

<div class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    Dropdown <b class="caret"></b>
  </a>
  <ul class="dropdown-menu" role="menu">
      <li>
        <div class"panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">Notifications</h4>
            </div>
            <div class="panel-body">
                some list
            </div>
        </div>
     </li>
 </ul>

通知
一些清单

例如：