Javascript 单击输入文本时，引导下拉菜单消失

我试图在引导下拉菜单中包含输入文本。但当我点击输入文本时，菜单消失了。这是html代码：

    <th width="25px;">
        <div class="dropdown">
              <button class="btn btn-default btn-sm" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                N°
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu1">
                <label for="usr">Find:</label>
                <li><input type="text" class="form-control"/></li>
                <li><a href="#" data-value="action">Asc</a></li>
                <li><a href="#" data-value="another action">desc</a></li>
              </ul>
        </div>
    </th>

---

任何帮助都会很好。

我想说的第一件事是，你把css和html混为一谈了。例如，在HTML中，宽度的定义如下：

width=“20”

。它适用于我：对我来说，它工作得很好。奇怪的，可能是我的小树枝页面没有正确加载jquery插件。我正在使用：{%block javascripts%}{%endblock%}如果是这种情况，它应该出现

Uncaught错误：引导程序的JavaScript需要jQuery

$('.dropdown-menu input').click(function(e) {
    e.stopPropagation();
});