Affiliate link

Bootstrap Forms

Use and customize Bootstrap’s form controls with classes.

Basic input

Add class="form-control" to the <input> element for Bootstrap’s form styles.

<form>
    <div class="mb-3">
        <label for="input1" class="form-label">Email address</label>
        <input class="form-control" id="input1" type="email"
            placeholder="name@gmail.com">
        <div id="emailHelp" class="form-text">
            We'll never share your email with anyone else.
        </div>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
</form>

Advertisment
Fiverr
Ad - Managed WordPress Hosting by SiteGround - Powerful, yet simple to use. Amazing speed, tools and support. Click for more.