有没有办法使用bootstrap中附加的下拉列表作为选择选项。
我的意思是我有以下
<div class="input-group">
<input type="text" class="form-control">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Options <span class="caret"></span></button>
<ul class="dropdown-menu pull-right">
<li><a href="#">Option1</a></li>
<li><a href="#">Options2</a></li>
</ul>
</div>
</div>
我希望有
<div class="input-group">
<input type="text" class="form-control">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">test <span class="caret"></span></button>
<select class="dropdown-menu pull-right">
<option>option1</option>
<option>option2</option>
</select>
</div><!-- /btn-group -->
</div>
答案 0 :(得分:1)
根据Bootstrap 3的文档,它们不支持在输入组中选择:
https://github.com/twbs/bootstrap/issues/11340
你可以尝试玩这个,但粗略看一下,除非你自己编写css或修改脚本或两者兼而有之,否则它可能无效。
DEMO:http://silviomoreto.github.io/bootstrap-select/3/
https://github.com/silviomoreto/bootstrap-select
它样式选择看起来像BS3中的下拉菜单。