我正在使用下拉菜單來顯示我可以選擇的候選選項。我也想要一個輸入來過濾選項,所以當我輸入內容時,下拉菜單也應該顯示出來。所以我想調整下拉菜單的寬度等於輸入。當我在輸入中輸入內容時,如何顯示它?Bootstrap調整下拉菜單寬度
的HTML我目前使用的是:
<div class="input-group">
<input type="text" class="form-control" aria-label="...">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
您使用的是哪個版本的引導程序? –
您是否嘗試添加您自己的CSS規則,使下拉字段父div的寬度爲100%? – Lee