感覺可以借鑒之前學的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.

謝謝，你提出的問題，我們會好好看一下的。