Eu tenho um grupo de controle com um grupo de botões como caixas de seleção como esta:

<div class="control-group" id="cyb3r" >
            <label class="control-label" for="c">C</label>
            <div class="btn-group navs controls" data-toggle="buttons-checkbox">
                <button class="btn" type="button">1</button>
                <button class="btn" type="button">2</button>
                <button class="btn" type="button">3</button>
            </div>

</div>

e eu incluo estes:

<link rel="stylesheet"
    href="<?php echo base_url('assets/style/style.css');?>">
<link rel="stylesheet"
    href="<?php echo base_url('assets/style/bootstrap.min.css');?>">
<script
    type="text/javascript"
    src="<?php echo base_url('assets/script/jquery.js')?>"></script>
<script
    type="text/javascript"
    src="<?php echo base_url('assets/script/bootstrap.min.js')?>"></script>
<script
    type="text/javascript"
    src="<?php echo base_url('assets/script/bootstrap-button.js')?>">
    </script>
<script
    type="text/javascript"
    src="<?php echo base_url('assets/script/js.js')?>"></script>

e js.js:

$(function(){
    $('#cyb3r').button();  
});

Eu tentei estes também:

$(function(){
    $('.navs').button();  
});

$(function(){
    $('.control-group').button();  
});

mas nenhum deles trabalha para esse grupo de caixas de seleção. mas por que?