Having some trouble with a template where the Floating labels are not displaying.
<section class="text-center">
<div class="card mx-auto" style="max-width: 450px;">
<div class="card-body">
<div class="row d-flex justify-content-center">
<div class="col-lg-8">
<h2 class="fw-bold mb-5">Sign up now</h2>
<!-- 2 column grid layout with text inputs for the first and last names -->
<div class="row">
<div class="col-md-6 mb-4 form-floating">
<div class="form-outline">
<input type="text" id="form3Example1" class="form-control" />
<label class="form-label" for="form3Example1">First name</label>
</div>
</div>
<div class="col-md-6 mb-4 form-floating">
<div class="form-outline">
<input type="text" id="form3Example2" class="form-control" />
<label class="form-label" for="form3Example2">Last name</label>
</div>
</div>
</div>
<!-- Email input -->
<div class="form-outline mb-4 form-floating">
<input type="email" id="form3Example3" class="form-control" />
<label class="form-label" for="form3Example3">Email address</label>
</div>
<!-- Password input -->
<div class="form-outline mb-4 form-floating">
<input type="password" id="form3Example4" class="form-control" />
<label class="form-label" for="form3Example4">Password</label>
</div>
<!-- Checkbox -->
<div class="form-check d-flex justify-content-center mb-4">
<input class="form-check-input me-2" type="checkbox" value="" id="form2Example33" checked />
<label class="form-check-label" for="form2Example33">
Subscribe to our newsletter
</label>
</div>
<!-- Submit button -->
<button class="btn btn-primary btn-block mb-4">
Sign up
</button>
<!-- Register buttons -->
<div class="text-center">
<p>or sign up with:</p>
<button type="button" class="btn btn-link btn-floating mx-1">
<i class="fab fa-facebook-f"></i>
</button>
<button type="button" class="btn btn-link btn-floating mx-1">
<i class="fab fa-google"></i>
</button>
<button type="button" class="btn btn-link btn-floating mx-1">
<i class="fab fa-twitter"></i>
</button>
<button type="button" class="btn btn-link btn-floating mx-1">
<i class="fab fa-github"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</section>
However, attempting to add form-floating to the divs surrounding the inputs and labels does not seem to work. This is the original template that was sourced online without any modifications. Possibly an issue with my Bootstrap version, but I have verified that as well. Bootstrap version: v5.2.3