採用跨度爲觸發引導下拉

Question

我在頭幾個圖標是從字體使用，並與

<li style="margin-top: 15px"> 
    <span class="myIcons" id="messages" style="font-size: 5px">m</span> 
</li> 

包裹我想用它來觸發引導下拉但是它的文檔中，它使用按鈕， div和，我無法弄清楚如何點擊字體時觸發它。

我應該嘗試使用jQuery，並嘗試觸發下拉打開點擊#messages？

Answer 1

您不必使用<button>的和<div>的 - 最重要的事情是要有觸發元件上data-toggle="dropdown"：

<ul class="dropdown"> 

    <!-- your markup --> 
    <li style="margin-top: 15px" data-toggle="dropdown"> 
     <span class="myIcons" id="messages" style="font-size:5px">m</span> 
    </li> 
    <!--// your markup -->  

    <ul class="dropdown-menu"> 
    <li><a href="#">Action</a></li> 
    <li><a href="#">Another action</a></li> 
    <li><a href="#">Something else here</a></li> 
    <li><a href="#">Separated link</a></li> 
    </ul> 
</ul> 

演示 - >http://jsfiddle.net/7ujpzs58/