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;

无法使用引导程序将子菜单下拉列表放到右侧

1 个答案: