Less, Jade, Bootstrap 3 - Can't click on positioned checkbox

I'm using Bootstrap 3 checkbox and it looks like this image 1 in default. When I move the checkbox position to the left, it moves but can't be clicked.

Here is the Jade structure (please ignore the second to last line indentation, it doesn't look like that and perfectly works in my page):

.row.good-entry.no-pad
         .col-xs-1.col-sm-1
          .checkbox
           input#check1(type='checkbox', value="")
           label(for='check1')
         .col-xs-11.col-sm-11
          .row
           .col-xs-6.col-sm-8.good-info
            ul
             li
              .good-title Nama Item
              p Kiraniar Plain Casual Cardigan
             li
              .good-title SKU
              p RP-3994-ARL-4595
             li
              .good-title Harga Satuan
              p 193000

and this is my CSS to change the checkbox position:

input[type="checkbox"] {
   margin-left: 10px !important;
}

I have no idea why it happens. Any help appreciated. :)