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

我很难在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/

能告诉我如何聚焦输入字段

来源

2013-02-12 Tim Skauge

重复问题在这里：http://stackoverflow.com/questions/8110356/dropdown-with-a-form-inside-with-twitter-bootstrap – zanegray 2013-02-12 19:49:00

谢谢@zanegray。没有找到那一个。关闭这个问题 – 2013-02-12 19:51:11

尝试时，请在下拉可见'btn-group'类添加一个'下拉'类到你的元素

除非你打算在这个旁边有其他按钮，否则你可能会删除那个btn-group类。

来源

2013-02-12 20:00:59

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

回答

相关问题