title: Bootstrap custom checkbox or radio not-clickable
body: <p>Why this markup doesn't work?</p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="b4qw8"&gt; 8. Возможность бронирования по времени и месту.
      &lt;/label&gt;
      &lt;div class="custom-control custom-radio"&gt;
          &lt;input type="radio" id="Да" name="b4qw8" class="custom-control-input" value="Да"&gt;
          &lt;span class="custom-control-label" for="Да"&gt;Да
          &lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="custom-control custom-radio"&gt;
          &lt;input type="radio" id="Нет" name="b4qw8" class="custom-control-input" value="Нет"&gt;
          &lt;span class="custom-control-label" for="Нет"&gt;Нет
          &lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="help-block with-errors"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="b3qw4"&gt; 4. Вид общественного питания:
      &lt;/label&gt;
      &lt;div class="custom-control custom-checkbox"&gt;
          &lt;input type="checkbox" class="custom-control-input" name="b3qw4" id="Ресторан" value="Ресторан"&gt; Ресторан
          &lt;label class="custom-control-label" for="Ресторан"&gt;
          &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="custom-control custom-checkbox"&gt;
          &lt;input type="checkbox" class="custom-control-input" name="b3qw4" id="Кофе" value="Кофе"&gt; Кофе
          &lt;label class="custom-control-label" for="Кофе"&gt;
          &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="custom-control custom-checkbox"&gt;
          &lt;input type="checkbox" class="custom-control-input" name="b3qw4" id="Столовая" value="Столовая"&gt; Столовая
          &lt;label class="custom-control-label" for="Столовая"&gt;
          &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="custom-control custom-checkbox"&gt;
          &lt;input type="checkbox" class="custom-control-input" name="b3qw4" id="Бар" value="Бар"&gt; Бар
          &lt;label class="custom-control-label" for="Бар"&gt;
          &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="custom-control custom-checkbox"&gt;
          &lt;input type="checkbox" class="custom-control-input" name="b3qw4" id="Кофе-бар" value="Кофе-бар"&gt; Кофе-бар
          &lt;label class="custom-control-label" for="Кофе-бар"&gt;
          &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="custom-control custom-checkbox"&gt;
          &lt;input type="checkbox" class="custom-control-input" name="b3qw4" id="Клуб" value="Клуб"&gt; Клуб
          &lt;label class="custom-control-label" for="Клуб"&gt;
          &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="custom-control custom-checkbox"&gt;
          &lt;input type="checkbox" class="custom-control-input" name="b3qw4" id="Другое" value="Другое"&gt; Другое
          &lt;label class="custom-control-label" for="Другое"&gt;
          &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="help-block with-errors"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://codepen.io/polopolaw/pen/MWabqzr" rel="nofollow noreferrer">https://codepen.io/polopolaw/pen/MWabqzr</a></p>
  
  <p>I have same problem with checboxes, theirs behavior so strange. 1,3,4 checbox not working in forth question <a href="https://regional.tours/#step-3" rel="nofollow noreferrer">https://regional.tours/#step-3</a>. But murkup generated via Flask, therefore checkboxes haven't differecess. </p>