img-1 img-2 img-3 img-4 img-5 img-6 img-7

Documentation

Alternate Float Lable

Examples

<div class="form-floating custom-form-floating custom-form-floating-sm form-group mb-3">
    <input type="email" class="form-control" id="floatingInput" placeholder="Place Holder">
    <label for="floatingInput">Small</label>
</div>
<div class="form-floating custom-form-floating form-group mb-3">
    <input type="email" class="form-control" id="floatingInput" placeholder="Place Holder">
    <label for="floatingInput">Regular</label>
</div>
<div class="form-floating custom-form-floating custom-form-floating-lg form-group mb-3">
    <input type="email" class="form-control" id="floatingInput" placeholder="Place Holder">
    <label for="floatingInput">Large</label>
</div>
<div class="form-floating custom-form-floating form-group mb-3">
    <input type="email" class="form-control" disabled="" id="floatingInput" placeholder="Place Holder">
    <label for="floatingInput">Regular</label>
</div>
<div class="form-floating custom-form-floating form-group mb-3">
    <input type="email" class="form-control is-valid" id="floatingInput" placeholder="Place Holder">
    <label for="floatingInput">Regular</label>
</div>
<div class="form-floating custom-form-floating form-group mb-3">
    <input type="email" class="form-control is-invalid" id="floatingInput" placeholder="Place Holder">
    <label for="floatingInput">Regular</label>
</div>