Bootstrap: Buttons not working

4.6k Views Asked by At

jQuery UI Checkbox buttons don't react on click, but radio buttons do.

<div class="btn-group" data-toggle="buttons-checkbox">
<a class="btn btn-primary" id="yw3">Left</a>
<a class="btn btn-primary" id="yw4">Middle</a>
<a class="btn btn-primary" id="yw5">Right</a>
</div>

<div class="btn-group" data-toggle="buttons-radio">
<a class="btn btn-primary" id="yw0">Left</a>
<a class="btn btn-primary" id="yw1">Middle</a>
<a class="btn btn-primary active" id="yw2">Right</a>
</div>

I use the YiiBooster implementation of bootstrap which includes these javascripts:

jquery.js (jQuery JavaScript Library v1.8.3)
bootstrap.js (bootstrap-transition.js v2.3.2)
bootstrap.bootbox.min.js (bootbox.js v2.3.2)
bootstrap.notify.js (bootstrap-notify.js v1.0)
bootstrap-buttons.js (bootstrap-button.js v2.0.4)

Is there something missing?

1

There are 1 best solutions below

0
On BEST ANSWER

bootstrap.js already includes bootstrap-button.js.

Remove bootstrap-button.js to fix this problem.

Thanks to PW Kad for the solution.