html - Style bootstrap checkboxes as buttons without btn-group -

i'm trying list of items database, each listed item paired selectable button "delete" in bootstrap alert style. when user submits using "delete selected" button @ bottom of page, entries selected removed database.

now, bootstrap's documentation explains how style check boxes buttons in btn-group div, groups them in 1 line. i'm working list, don't want checkbox buttons in group: need them per line, , associated label of entry they're deleting. can't seem checkboxes style buttons without btn-group div. seems pretty arbitrary, , i'm wondering if there's easy way in bootstrap styling without resorting hand-writing bunch of javascript onclick events use regular bootstrap button type without checkboxes.

here's have right now, put every checkbox in own little btn-group, formats weird , autoselects buttons default:

@foreach ($data['entries'] $entry) <!-- blade template stuff -->             <div class="btn-group" data-toggle="buttons">                     label of database entry                     <label class="btn btn-danger active">                         <input type="checkbox" autocomplete="off"> delete                     </label>             </div>             </br>             </br> @endforeach 

is there way in bootstrap, or stuck writing myself in js?

@foreach ($data['entries'] $entry) <!-- blade template stuff -->   <div data-toggle="buttons">     label of database entry      <label class="btn btn-danger">       <input type="checkbox" autocomplete="off"> delete     </label>   </div> @endforeach 

this should work, simple removing btn-group class