twitter-bootstrap - Bootstrap 下拉菜单中的焦点输入字段

Question

我很难在 Twitter Bootstrap 的下拉菜单中集中输入字段。我的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>

我还为此创建了一个 jsFiddle：http: //jsfiddle.net/Yppqw/2/

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

Answer 1

尝试使用“btn-group”类向您的元素添加“下拉”类

您可能可以删除该 btn-group 类，除非您计划在此按钮旁边放置其他按钮。

Answer 2

尝试这个

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