无法使用 bootstrap 将子菜单下拉菜单放在右侧

Question

我正在为我的网站创建一个导航栏。其中一个项目有一个子子菜单，由于某些原因，它总是被展开，并且在它下降时隐藏了子菜单的其余部分，我无法让它下降到右侧。

<li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Nos Projets <b class="caret"></b></a>
    <ul class="dropdown-menu" role="menu">
        <li class="dropdown-header">Soutien à nos familles parrainées</li>
        <li class="sub-item-menu"><a href="bourse.php">Bouse d'étude universitaire</a></li>
        <li class="sub-item-menu"><a href="habitat.php">Amélioration de l'habitat</a></li>
        <li class="divider"></li>
        <li class="dropdown-header">Autres projets</li>
        <li class="sub-item-menu dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Construction d'écoles <b class="caret"></b></a>
            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                <li class="sub-item-menu"><a href="meovac2.php">Meo-Vac 2015-2016</a></li>
                <li class="sub-item-menu"><a href="meovac.php">Meo-Vac 2013-2014</a></li>
            </ul>
        </li>
        <li class="sub-item-menu"><a href="phuctue.php">Phuc Tue</a></li>
        <li class="sub-item-menu"><a href="bluedragon.php">Blue Dragon</a></li>
        <li class="sub-item-menu"><a href="sob.php">School on the Boat</a></li>
        <li class="divider"></li>
        <li><a href="archives.php">Archives</a></li>
    </ul>
</li>

我使用了右下拉菜单，但似乎没有任何作用。关于如何让它落在右边有什么建议吗？

Answer 1

目前，.dropdown-menu 有一些使其保持在左侧的样式规则，包括：

left: 0;
float: left;

您需要覆盖这些规则才能使下拉菜单位于右侧。示例：

left: auto;
right: 0;
float: right;

无法使用 bootstrap 将子菜单下拉菜单放在右侧

Can't put submenu dropdown to the right using bootstrap

html

submenu

twitter-bootstrap

dropdown