title: Bootstrap 4 radio validation
body: <p>I need a little help with form validation with Radio element in a page that use Bootstrap 4.</p>
  
  <p>I need to add the error message below the radio element:</p>
  
  <pre><code>&lt;div class="invalid-feedback"&gt;Please choose an option&lt;/div&gt;
  </code></pre>
  
  <p>And I have the following code inside my form:</p>
  
  <pre><code>          &lt;section&gt;
              &lt;h6&gt;Lorem Ipsum&lt;/h6&gt;
              &lt;p&gt;Donec molestie orci rhoncus, congue magna facilisis, laoreet sapien. Nam.&lt;/p&gt;
  
              &lt;div class="form-check form-check-inline"&gt;
                &lt;input class="form-check-input" type="radio" name="agreeMarketProfiling" id="agreeMarketProfiling1" value="1" required&gt;
                &lt;label class="form-check-label" for="agreeMarketProfiling1"&gt;I AGREE&lt;/label&gt;
              &lt;/div&gt;
              &lt;div class="form-check form-check-inline"&gt;
                &lt;input class="form-check-input" type="radio" name="agreeMarketProfiling" id="agreeMarketProfiling2" value="0" required&gt;
                &lt;label class="form-check-label" for="agreeMarketProfiling2"&gt;DON'T AGREE&lt;/label&gt;
              &lt;/div&gt;
  
            &lt;/section&gt;
  </code></pre>
  
  <p>If I add the <code>invalid-feedback</code> inside the <code>form-check</code> element I see the error message below the single element, if I put it outside the <code>form-check</code> element the error message doesn't appear. </p>
  
  <p>What is the right way to do that?</p>