title: How do I validate email in form with bootstrap
body: <p>So I want to validate if the email submitted is valid. Tried to make it work with bootstrap because I have to use it.</p>
  <p>Here's the codepen:
  <a href="https://codepen.io/yytimo/pen/ExWLbLd" rel="nofollow noreferrer">https://codepen.io/yytimo/pen/ExWLbLd</a></p>
  <pre><code>&lt;div class=&quot;col-md-4&quot;&gt;
                     &lt;div class=&quot;form-outline&quot;&gt;
                       &lt;input
                         type=&quot;text&quot;
                         class=&quot;form-control&quot;
                         id=&quot;validationCustomEmail&quot;
                         value=&quot;&quot;
                         required
                       /&gt;
                       &lt;label for=&quot;validationCustomEmail&quot; class=&quot;form-label&quot;&gt;E-Mail&lt;/label&gt;
                       &lt;div class=&quot;valid-feedback&quot;&gt;Looks good!&lt;/div&gt;
                       &lt;div class=&quot;invalid-feedback&quot;&gt;Enter valid e-mail.&lt;/div&gt;
                     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>