About Lesson
BS5 Floating Labels
A floating label moves inside the input field when typing, providing a clean and modern look.
.form-floating→ Enables floating labels.- The label moves inside the input field when text is entered.
Example:
HTML
<div class="form-floating w-50">
<input type="text" class="form-control" id="floatingInput" placeholder="Name">
<label for="floatingInput">Name</label>
</div>
<br>
<div class="form-floating w-50">
<input type="email" class="form-control" id="floatingInput" placeholder="Email">
<label for="floatingInput">Email</label>
</div> Output:
