Bootstrap builder for busy developers

    <form class="row g-3">
        <div class="col-md-4">
            <label for="validationServer01" class="form-label">First name</label>
            <input type="text" class="form-control is-valid" id="validationServer01" value="John" required>
            <div class="valid-feedback">
                Looks good!
            </div>
        </div>
        <div class="col-md-4">
            <label for="validationServer02" class="form-label">Last name</label>
            <input type="text" class="form-control is-valid" id="validationServer02" value="Smith" required>
            <div class="valid-feedback">
                Looks good!
            </div>
        </div>
    </form>

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

Bootstrap class: .is-valid

Preview

Tips 💡

More in Bootstrap Forms

Bootstrap 4 & 5

Tailwind