title: Floating Labels on Bootstrap 5 isn't working
body: <p>My floating labels aren't working, can someone help me?</p>
  <p><a href="https://i.stack.imgur.com/fk0CG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fk0CG.png" alt="enter image description here" /></a></p>
  <p><strong>Code</strong></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;div class="form-floating mb-3"&gt;
      &lt;input type="text" class="form-control" autofocus id="txtNome" placeholder=" "&gt;
      &lt;label for="txtNome"&gt;Full Name&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="form-floating mb-3"&gt;
      &lt;input type="email" class="form-control" autofocus id="txtEmail" 
          placeholder=" "&gt;
      &lt;label for="txtEmail"&gt;E-mail&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="form-floating mb-3"&gt;
      &lt;textarea class="form-control" id="txtMensagem" placeholder=" " 
                style="height: 200px;"&gt;&lt;/textarea&gt;
      &lt;label for="txtMensagem"&gt;Message&lt;/label&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>