Question

我使用bootstrap 3并尝试显示带子菜单的按钮组。我使用bootstrap-submenu

我创建了菜单

<div class="btn-group">
        <button class="btn btn-primary" type="button">Actions</button>
        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" data-submenu="" aria-expanded="false">
            <span class="caret"></span>
        </button>

        <ul class="dropdown-menu dropdown-menu-right">
            <li><a tabindex="0">Annuler</a></li>
            <li><a tabindex="0">Sauvegarder</a></li>
            <li class="divider"></li>
            <li class="dropdown-submenu">
                <a tabindex="0">Payer</a>

                <ul class="dropdown-menu">
                  <li><a tabindex="0">Comptant</a></li>
                  <li><a tabindex="0">Débit</a></li>
                  <li><a tabindex="0">Carte de crédit</a></li>
                  <li><a tabindex="0">Carte cadeaux</a></li>
                  <li><a tabindex="0">Chèque</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>

工作正常。

但是当我尝试在它下面添加一些东西时，我看不到所有的菜单 http://jsfiddle.net/hxnznnz6/

它似乎阻止它完全显示菜单。

另外，如果你比较两个按钮的布局，那就是

修改我删除了第一个btn-group，如@Eduardo Arruda Pimentel所说。

看起来不错，但点击它时不会显示付款人的子菜单

新结果 http://jsfiddle.net/wn9u5z28/

Answer 1

1）Bootstrap 3删除了对多级下拉列表的支持，引用可用性问题作为原因。正如您在以下两个链接中看到的那样：

Bootstrap 3 dropdown sub menu missing

Responsive multilevel menu with Bootstrap 3

2）不同布局的原因是代码不同。要解决这个问题，只需重新编码并删除第3行的这一部分：

class="btn-group"

子菜单未正确显示

1 个答案: