Css 下拉菜单大小不正确

我用Twitter引导程序制作了一个非常简单的下拉菜单，基本上是从

但出于某种原因，ul元素下拉菜单的大小足以容纳第一个菜单项。屏幕截图可以更好地解释：

下拉菜单已关闭：

下拉菜单打开：

代码如下：

<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="userActions" data-toggle="dropdown">
        {{ App.userName }}
        <img id="configIcon" src="/Images/Project/Ícone_config.png">
    </button>

    <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="userActions">
        <li role="presentation"><a role="menuitem" tabindex="-1" target="_blank" href="/a">Gerenciamento</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" target="_blank" href="/UserProfile/EditPassword">Mudar senha</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Sair</a></li>
    </ul>
</div>

该项目使用引导CSS和JavaScript，还包括AngularJS和jQuery。是指定的

---

为什么大小不对？

需要提供更多关于CSS的详细信息。我已经测试了您的代码，效果很好。您是否有任何自定义css可能会覆盖默认引导行为？是的，我确实找到了一个css选择器，该选择器也应用于下拉菜单：appHeader div.row*{height:inherit；}。需要一个额外的CSS包含高度：初始；来修好它。谢谢你的提示。