感觉可以借鉴之前学的checkbox的思路来写

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary" ><input type="checkbox" name="options">Male</label>
</div>

第一次点击有用颜色变深，再次点击无变化；

官方文档

http://v3.bootcss.com/javascript/#buttons-single-toggle

如下：

Add data-toggle="button" to activate toggling on a single button.

Pre-toggled buttons need .active and aria-pressed="true"

For pre-toggled buttons, you must add the .active class and the aria-pressed="true" attribute to the button yourself.

谢谢，你提出的问题，我们会好好看一下的。