在引导中，我想要有2个下拉列表，只有代码中的第一个工作。即使我复制和粘贴第一个下拉工作，第二个没有引导3

<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>

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

来源

2017-01-09 Artsicle

这是活的地方，我们可以测试？你能把小提琴放在一起吗？这里没有足够的CSS来告诉发生了什么。 –

[文档说]（http://getbootstrap.com/components/#dropdowns）'.dropdown'应该有'position：relative;'。 – hungerstar

虽然这可能不会导致问题，但您在“即将推出！”中随机输入“”！列出项目而不是结束''。 – BSMP

问题是你有未封闭的锚标签。在两个地方你有</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>

Bootply

来源

2017-01-09 17:50:11 APAD1

谢谢！当它允许我时，我会将其标记为答案！ – Artsicle

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

回答

Bootply

相关问题