Question

我有一些这样的代码，但是当我点击第三个btn-group（内容为“manage”）时，子菜单不会弹出。任何人都知道为什么，谢谢。

 <div class="btn-group">
        <button type="button" class="btn btn-default">View</button>
        <button type="button" class="btn btn-default">Edit</button>
    </div>

    <div class="btn-group">
        <button class="btn dropdown-toggle" data-toggle="dropdown" href="#" >Start/End<span class="caret"></span></button>
        <ul class="dropdown-menu">
            <li><a href="#">Start</a></li>
            <li><a href="#">End</a></li>
        </ul>
    </div>

    <div class="btn-group">
        <button class="btn dropdown-toggle" data-toggle="dropdown" href="#" >Manage<span class="caret"></span></button>
        <ul class="dropdown-menu">
            <li><a href="#">paper</a></li>
            <li><a href="#">pen</a></li>
        </ul>
    </div>

Answer 1

您的代码应该可以正常工作，确保引导程序文件的路径正确。

您还需要在代码中的最后>后删除多余的</li>：

<li><a href="#">pen</a></li>>
// -----------------------  ^ here ----------------

<强> Bootply Demo

Twitter bootstrap 2菜单弹出意外表现，我该如何解决这个问题？

1 个答案: