Question

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

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

我已查看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>

Answer 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>

它与下拉列表不完全相同，但我认为它具有预期的效果。

Twitter引导下拉切换

1 个答案: