Twitter bootstrap 引导下拉菜单中的焦点输入字段

我很难在Twitter引导的下拉菜单中找到一个输入字段。我的html标记如下所示：

<div class="btn-group">
  <button class="btn dropdown-toggle" data-toggle="dropdown">
    Groups <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
     <li><a href="#">Friends <i class="icon-ok pull-right"></i></a></li>
     <li><a href="#">Family <i class="icon-ok pull-right"></i></a></li>
     <li><a href="#">Other</a></li>
     <li class="divider" />
     <li><input type="text" class="input-block-level" placeholder="New group" /></li>
  </ul>
</div>

我还为此创建了一个JSFIDLE：

---

请告诉我如何在聚焦输入字段时保持下拉列表的可见性

尝试使用“btn组”类将“下拉列表”类添加到元素中

您可能可以删除该btn组类，除非您计划在该类旁边有其他按钮。

试试这个

<div class="dropdown inputdropdown">
                  <input class="searchformss dropdown-toggle" type="text" data-toggle="dropdown" placeholder="test" />
                  <div class="dropdown-menu">
                    <a class="dropdown-item">test</a>
                    <a class="dropdown-item">Another action</a>
                    <a class="dropdown-item">Something else here</a>
                  </div>
                </div>

---

重复问题：谢谢，@zanegray。没有找到那个。结束这个问题