html - 如何在 Bootstrap 的下拉列表中添加输入

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>