title: Bootstrap 4.0 invalid-feedback doesn't show
body: <p>I am using the Bootstrap 4.0 (non-beta) validation and have a problem to display the invalid-feedback text.</p>
  
  <pre><code>&lt;div class="form-row"&gt;
    &lt;label class="form-control-label"&gt;Name:&lt;/label&gt;
    &lt;div class="col-4"&gt;
      &lt;input class="form-control is-invalid" min="0" type="number"/&gt;
    &lt;/div&gt;
      &lt;div class="col-4"&gt;
      &lt;div class="invalid-feedback"&gt;
      Invalid Feedback Text
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the above example the text "Invalid Feedback Text" is not displayed.</p>
  
  <p>The reason for it is that the invalid-feedback div is not a direct sibling of the the input control. </p>
  
  <p>This has been an issue with the alpha/beta versions however I was under the impression that this has been fixed in the 4.0 release.  (At least the relevant <a href="https://github.com/twbs/bootstrap/issues/23454" rel="nofollow noreferrer">ticket</a> has been closed.)</p>
  
  <p>So, how can I use the bootstrap validation if I can not have the feedback text as a direct sibling of the relevant input control? (It is simply not feasible in my application.)</p>
  
  <p>Here is a fiddle:
  <a href="https://jsfiddle.net/zygrsrox/" rel="nofollow noreferrer">https://jsfiddle.net/zygrsrox/</a></p>