如何在引导程序的下拉列表中添加输入

Question

我正在尝试在按钮下拉菜单中添加输入，但它与下拉菜单的空间重叠。请在下面查看我的代码。

<ul class="dropdown-menu">
    <li class="dropdown-header">
       <div class="row">
            <div class="col-md-12">
                 <div class="form-group">
                       <input type="text" class="input-sm form-control">
                       <button class="btn btn-sm btn-primary">Ok</button>
                  </div>
             </div>
        </div>
     </li>
 </ul>

屏幕截图：

Answer 1

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

Answer 2

对不起，我只是将代码更改为此：

<ul class="dropdown-menu">
    <li>
        <div class="row">
            <div class="col-md-12 col-lg-12">
                <div class="input-group">
                    <input type="text" class="input-sm form-control" min="0">
                    <div class="input-group-btn">
                        <div class="btn-group">
                            <button class="btn btn-sm btn-primary">OK</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </li>
</ul>