带dropdownList的Bootstrap下拉菜单有问题吗？

Question

我有一个工作正常的菜单，当我关注菜单按预期自动关闭时。

我需要在菜单中添加一个下拉菜单，以便我可以分别进行选择，但发生奇怪的事情是当我尝试在下拉列表中选择某些内容时，菜单会自动关闭。

HTML

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
    </div>
    <div>
      <ul class="nav navbar-nav">
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Page 1-1</a></li>
            <li><ul class="dropdown"><li><select><option>cool</option><option>cooler</option><option>coolest</option></select></li></ul></li>
            <li><a href="#">Page 1-3</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>

示例 Connection denied ，显示问题

PS：实际上它在我当地的一个IE问题，它的工作得很好，铬硬盘小提琴它不能在任何地方工作。

当我选择菜单中的内容时，我不希望菜单松散焦点。