Question

我使用Twitter Bootstrap创建了一个非常简单的下拉菜单，基本上是documentation examples as shown here的复制和粘贴。

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

关闭下拉菜单：

Dropdown menu

打开下拉菜单：

enter image description here

以下是代码：

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

该项目使用Bootstrap CSS和JavaScript，它还包括AngularJS和jQuery。指定了<!DOCTYPE html>。

为什么尺码错了？

下拉菜单大小不正确

0 个答案: