Radio&Checkbox buttons Contact form 7 not clickable

Question

This is the code in documentation:

[checkbox* your-country use_label_element "China" "India" "San Marino"]

[radio your-sports label_first default:2 "Football" "Tennis" "Pole-vault"]

But the radio and checkboxes are not clickable in my code. What am I missing here?

<div class="custom-control custom-radio">
[radio customRadio id:customRadio1 class:custom-control-input "value4"]
<label class="custom-control-label" for="customRadio1">Something</label>
</div>
<div class="custom-control custom-radio">
[radio customRadio id:customRadio2 class:custom-control-input "value5"]
<label class="custom-control-label" for="customRadio2">Something</label>
</div>

<div class="custom-control custom-checkbox">
[checkbox checkbox1 id:customCheck1 class:custom-control-input "Value1"] 
<label class="custom-control-label" for="customCheck1">Something</label>
</div>
<div class="custom-control custom-checkbox">
[checkbox checkbox2 id:customCheck2 class:custom-control-input "value2"]
<label class="custom-control-label" for="customCheck2">Something</label>
</div>

Answer 1

Try This Code

[radio radio-264 use_label_element default:1 "value4 Something" "value5 Something"] [checkbox checkbox-430 use_label_element "Value1 Something" "Value2 Something"]