如何在bootstrap中的下拉列表中添加输入

问题描述 投票:1回答:2

我试图在按钮下拉列表中添加输入,但它与下拉列表的空间重叠。请参阅下面的代码。

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

截图:

enter image description here

html css twitter-bootstrap
2个回答
0
投票
<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>

0
投票

对不起,伙计们,我刚把代码更改为:

<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>
© www.soinside.com 2019 - 2024. All rights reserved.