5

我有一个导航栏，下拉菜单旁边有一个插入符号。

在当前代码中，如果用户单击Operations文本或插入符号，则会打开下拉菜单。但我需要这个：

  • 如果用户单击Operations链接，我希望用户转到我的/operations/页面。
  • 如果用户点击插入符号，下拉菜单将可见。如果用户单击下拉菜单的元素之一，用户将被重定向到相关页面。

小提琴：http: //jsfiddle.net/mavent/UtDqm/2/

<div class="navbar navbar-inverse">
  <li class="dropdown" id="myTools">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#myTools">
        Operations
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
        <li><a href="/mypage1/">MyPage 1</a></li>
        <li><a href="/mypage2/">MyPage 2</a></li>
    </ul>
  </li>  
</div>

在 Twitter 引导文档中，注意了如何在此处创建拆分按钮下拉菜单。我不想使用按钮。是否可以在不使用按钮的情况下进行拆分行为。只是有链接？

4

2 回答 2

9

您不能将操作链接拆分为一个新<a>标签吗？

<div class="navbar navbar-inverse">
  <li class="dropdown" id="myTools">
    <a href="/operations/" style="display:inline-block;padding-right:0px;">Operations</a>
    <a class="dropdown-toggle" data-toggle="dropdown" href="#myTools"  style="display:inline-block;padding-left:0px;">
      <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
      <li><a href="/mypage1/">MyPage 1</a></li>
      <li><a href="/mypage2/">MyPage 2</a></li>
    </ul>
  </li>  
</div>
于 2013-06-06T13:30:49.273 回答
4

你在寻找这样的东西吗？

<div class="btn-group">
    <a href="http://google.com" target="_blank" class="btn btn-link">Action</a>
   <a href="#" class="btn btn-link dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
        <li><a href="/mypage1/">MyPage 1</a></li>
        <li><a href="/mypage2/">MyPage 2</a></li>
    </ul>
</div>

http://jsfiddle.net/UtDqm/6/

于 2013-06-06T13:32:13.233 回答