samedi 5 septembre 2015

horizontal row of checkboxes using Bootstrap

I am trying to make a horizontal row of checkboxes inside a form. I have managed to get a very ugly version to work by doing:

div.form-group(ng-show = 'avariable')
    label 1
    input(type = 'checkbox' ng-model='weight' ng-change='weight(1)')
    label 2
    input(type='checkbox' ng-model='weight' ng-change='weight(2)')

I thought about writing a CSS class to put some spacing between the labels and checkboxes, but I am hoping there is a Bootstrap solution. I need it to be responsive. I have also played with .controls-row and control-group classes. They make things look nice, but the checkboxes align vertically.




Aucun commentaire:

Enregistrer un commentaire