你能告诉我如何实现bootstrap btn-group元素吗？它包含一个提交按钮，其余的按钮作为复选框工作。实际上我已经创建了上面提到的，但是我的提交按钮不工作，当它被按下时，什么也没有发生。下面是我现在所拥有的：
<form class="form-group" action ="" method = "get" novalidate>
<div class="btn-group-vertical" data-toggle="buttons">
<button type="submit" class="btn btn-success">Search</button>
<label class="btn btn-primary">
<input type="checkbox" name="select_tag" value="2" id="id_select_tag_0" /> Mysql
</label >
<label class="btn btn-primary">
<input type="checkbox" name="select_tag" value="3" id="id_select_tag_1" /> Disk health
</label2>
</div>
</form>And the block looks like this
如果我把提交按钮从btn-group块中取出，它就可以工作：
<form class="form-group" action ="" method = "get" novalidate>
<button type="submit" class="btn btn-success">Search</button>
...However, it looks ugly
那么有没有可能在一个引导按钮组中有很多按钮作为复选框工作，而有一个按钮作为提交工作呢？
4条答案
按热度按时间tf7tbtn21#
您可以使用javascript：
pes8fvy92#
看起来您的表单元素中有一些奇怪的空格，并且没有设置操作。
尝试替换：
<form class="form-group" action ="" method = "get" novalidate>与
<form class="form-group" action="#" method="get" novalidate>lawou6xi3#
只需删除
data-toggle="buttons"vltsax254#
试试这个-更改按钮的类：
class="btn btn-success submit"