Form: Horizontal Form (with grid)

 
<form class="form-horizontal">

    <div class="form-group">
        <label for="name" class="col-sm-2 control-label">Name</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="name" placeholder="Name">
        </div>
    </div>

    <div class="form-group">
        <label for="email" class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
            <input type="email" class="form-control" name="email" placeholder="Email">
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <div class="checkbox" name="email">
                <label>
                    <input type="checkbox" name="checkbox"> Checkbox
                </label>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" name="submit" class="btn btn-default">Sign in</button>
        </div>
    </div>

</form>

 

Related Snippets

•  Form: Inline Form 1
•  Form: Inline Form 2
•  Form: Inline Form 3
•  Form: Basic Example 2 (with grid)
•  Form: Basic Example 1
•  Container: Panel