在引導中，我想要有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

相關問題