Twitter 引导下拉切换答案

【问题标题】：Twitter bootstrap dropdown toggleTwitter 引导下拉切换
【发布时间】：2014-09-03 21:06:44
【问题描述】：

我的下拉菜单工作正常，但问题是我需要 Twitter 锚文本可点击并重定向到所需的 url，但它不起作用。

那么，我将只允许插入符号切换下拉菜单。

我已经检查了Here

但它不起作用，我该如何解决这个问题？

这是我的代码：

<div class="btn-group">
 <button type="button" class="btn btn-default btn-lg dropdown-toggle"   
  data-toggle="dropdown">
     <a href="http://twitter.com">twitter</a>
         <span class="adjust-caret">&nbsp;</span>
         <span class="caret"></span>
  </button>

  <ul class="dropdown-menu" role="menu">
   <li><a href="http://linkedin.com">linkedin</a></li>
   <li><a href="http://google.com">google</a></li>
   <li><a href="http://yahoo.com">yahoo</a></li>
   </ul>
 </div>

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

您是否尝试过使用Split Buttons?

<!-- Split button -->
<div class="btn-group">
  <a href="https://twitter.com" class="btn btn-default">Twitter</a>
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu" role="menu">
   <li><a href="http://linkedin.com">linkedin</a></li>
   <li><a href="http://google.com">google</a></li>
   <li><a href="http://yahoo.com">yahoo</a></li>
  </ul>
</div>

它与下拉菜单不太一样，但我认为它具有预期的效果。

【讨论】：