Question

标题中有几个图标，用于字体并用

包装

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

我想用它来触发bootstrap下拉，但是在它的文档中，它使用了button和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>

演示 - ＆gt;的 http://jsfiddle.net/7ujpzs58/

使用Span触发Bootstrap Dropdown

1 个答案: