Forms

Examples of form control styles.

    
        <form>
            <div class="form-row align-items-center">
                <div class="col-md-4">
                    <label class="sr-only" for="inputName">First name</label>
                    <input type="text" class="form-control border-0 font-italic mb-3" id="inputName" placeholder="First Name">
                </div>
                <div class="col-md-4">
                    <label class="sr-only" for="inputEmail">Email address</label>
                    <input type="email" class="form-control border-0 font-italic mb-3" id="inputEmail" placeholder="Email Address">
                </div>
                <div class="col-md-auto">
                    <button type="submit" class="btn btn-primary mb-3">Sign Up</button>
                </div>
            </div>
        </form>
    

Sizing

Set heights using classes like .form-control-lg and .form-control-sm.

    
        <input class="form-control form-control-lg border-0" type="text" placeholder="form-control-lg">
        <input class="form-control border-0" type="text" placeholder="Default input">
        <input class="form-control form-control-sm border-0" type="text" placeholder="form-control-sm">
    

Bootstrap Documentation