Bootstrap下拉列表菜单

Question

我正在使用bootstrap tabmenu，但现在我想把它作为下拉菜单。我知道bootstrap对此有本机支持，但是我希望只有在单击插入符号时才切换下拉列表，如果单击菜单项区域的其余部分应该作为普通链接。有谁知道怎么做？

以下是今天的代码

jsfiddle-example

<div class="container">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#">Home</a></li>
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu 1                    <span class="caret"></span></a>
      <ul class="dropdown-menu">
        <li><a href="#">Submenu 1-1</a></li>
        <li><a href="#">Submenu 1-2</a></li>
        <li><a href="#">Submenu 1-3</a></li>
      </ul>
    </li>
    <li><a href="#">Menu 2</a></li>
    <li><a href="#">Menu 3</a></li>
  </ul>
</div>