Gmail样式下拉列表选择使用bootstrap

时间:2014-05-14 23:43:53

标签: css twitter-bootstrap-3

点击“Gmail' (旁边有箭头),菜单选项,例如'通讯录','任务'出现。

bootstrap中是否有类似的组件?或任何其他插件来实现相同的目标?

1 个答案:

答案 0 :(得分:0)

你想到这样的事吗? http://cdpn.io/BqHfm

它基于Bootstrap Dropdown

<div class="dropdown">

 <a id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
    Mail <span class="caret"></span></a>

   <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
      <li><a href="#">Mail</a></li> 
      <li><a href="#">Contacts</a></li>
      <li><a href="#">Tasks</a></li>
  </ul>

</div>  
祝你好运!