使用 data-toggle 属性还可以激活按钮的行为状态,实现在激活和未激活之间进行状态切换。例如,下面代码可以激活按钮行为特性,单击时将按钮激活,再单击可以让按钮恢复到默认状态:
<button type="button" data-toggle="button" class="btn btn-primary">确认</button>
默认状态效果:

点击后的效果:

再次点击的效果:

注意,这里自定义属性是 data-toggle="button",而不是 data-toggle="buttons"。