Html 引导下拉选项卡菜单

我正在使用引导选项卡菜单，但现在我想让它成为一个下拉菜单。我知道bootstrap对这一点有本机支持，但我希望只有在单击插入符号时才能切换下拉列表，如果单击了菜单项区域的其余部分，该区域应作为普通链接工作。有人知道怎么做吗

下面是代码今天的样子

如果你有自己的尝试，你有什么代码吗？发布你的代码（不是全部，只是菜单），创建@jakobsjoqvist，请你更清楚地解释一下，你想得到什么？我在您的代码中看到了，但没有看到任何问题我希望通过单击插入符号来切换下拉列表，按钮的其余部分将作为普通链接使用。smth如下所示：

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