Css 如果下拉菜单项的样式设置为菜单中的右侧，则下拉菜单项不可选择

我想设计类似下图的下拉菜单样式

我通过引导带向右拉实现了这一点，但如果我将鼠标悬停在注销选项的左侧，我无法选择或突出显示注销选项。如果我将鼠标悬停在注销文本上或其附近，它将高亮显示

   <ul class="nav navbar-nav navbar-left">
    <li>
        <div>Menu</div>
    </li>
    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><b>&#9660;</b></a>

        <ul class="dropdown-menu available-applications">
            <li>
                <a href="#">Item 1 </a>

            </li>
            <li><a href="#">Item 2
            </a>

            </li>
            <li>
                <a href="#">Item 3 </a>

            </li>
            <li style="float: right;">
                <a href="#">Logout </a>

            </li>
        </ul>
    </li>
</ul>

菜单

---

有人知道吗？

使用“向右拉”将元素向右浮动，使其不占据整个宽度。相反，只需设置元素的css文本对齐属性

您可以通过在引导中使用text right类来实现这一点：

<li class="text-right"></li>

或者通过手动设置属性：

<li style="text-align:right"></li>

您介意发布JSFIDLE或Bootply吗？您可以使用内置的文本权限实用程序类。