title: Last Bootstrap Radio-Element ist not shown
body: <p>I have the following form:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="de"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"&gt;
      &lt;link rel='stylesheet' href='..//styles/styles-scale1-ma.css' /&gt;
      
      &lt;title&gt;Title&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container mt-5"&gt;
          &lt;h1 class="display-5"&gt;Scale 1&lt;/h1&gt;
          &lt;h3 class="text-muted mb-5"&gt;Subtitle 1&lt;/h3&gt;
          &lt;div class="card"&gt;
              &lt;div class="card-header"&gt;
                Item 1
              &lt;/div&gt;
              &lt;div class="card-body"&gt;
                &lt;h5 class="card-title mb-4"&gt;Question&lt;/h5&gt;
                &lt;div class="form-check"&gt;
                      &lt;input class="form-check-input" type="radio" name="scale1-ma" id="1-1-0" value="0"&gt;
                      &lt;label class="form-check-label mb-3" for="1-1-0"&gt;
                      Answer 0
                      &lt;/label&gt;
                      &lt;input class="form-check-input" type="radio" name="scale1-ma" id="1-1-1" value="1"&gt;
                      &lt;label class="form-check-label mb-3" for="1-1-1"&gt;
                          Answer 1
                      &lt;/label&gt;
                      &lt;input class="form-check-input" type="radio" name="scale1-ma" id="1-1-2" value="2"&gt;
                      &lt;label class="form-check-label mb-3" for="1-1-2"&gt;
                          Answer 2
                      &lt;/label&gt;
                      &lt;input class="form-check-input" type="radio" name="scale1-ma" id="1-1-3" value="3"&gt;
                      &lt;label class="form-check-label mb-3" for="1-1-3"&gt;
                          Answer 3
                      &lt;/label&gt;
                      &lt;input class="form-check-input" type="radio" name="scale1-ma" id="1-1-4" value="4"&gt;
                      &lt;label class="form-check-label mb-3" for="1-1-4"&gt;
                          Answer 4
                      &lt;/label&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
      &lt;/div&gt;
      
  
      &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src='../script.js'&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>At the moment there is no script, but I use Bootstrap for the styles. My problem ist, that the last Radio isn't showing up. But it doesn't seem that there is a problem with the last element itself. If I delete it, the same problem appears with the fourth radio.
  What did I forget? I googled, but nobody seems to have the same issue.</p>
  <p>Thanks,
  Tobi</p>