Bootply

Question

在bootstrap中我希望有2个下拉列表，只有代码中的第一个有效。即使我复制并粘贴

    <div class="dropdown" style="position: absolute; left: 30%">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Games

        <span class="caret"></span></button>
    <ul class="dropdown-menu">
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="comingsoon/index.html">Coming Soon!</h5></li>
    </ul>
</div>
    <div class="dropdown" style="position: absolute; left: 60%">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Games

        <span class="caret"></span></button>
    <ul class="dropdown-menu">
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="comingsoon/index.html">Coming Soon!</h5></li>
    </ul>
</div>

（如果我点击第一个它打开菜单，如果我点击第二个它什么都不做。这两个都是完全相同的，不能一起工作）

Answer 1

问题是你有未关闭的锚标签。在两个地方，您</h5>代替</a>。如果您解决了这个问题，它可以正常工作。

<div class="dropdown" style="position: absolute; left: 30%">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Games

        <span class="caret"></span></button>
    <ul class="dropdown-menu">
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="comingsoon/index.html">Coming Soon!</a></li>
    </ul>
</div>

第一次下拉工作，第二次没有引导3

1 个答案:

Bootply