Bootstrap Forms In this tutorial you will learn how to create elegant forms Create a form guide
HTML pages and forms an integral part of the application, but rather a CSS style sheet manually turn controls tend to be dull and boring. Guide greatly simplifies the arrangement and style like labels, entry fields, selectboxes, text areas, buttons and other form controls, through the process of pre-defined set of classes.
Bootstrap offers three different types of forms layout:
Vertical (default layout of the form)
Horizontal shaping
Inline Table
The following sections will give you a detailed overview of the layout of these forms, and related forms of guide members one by one.

Create a vertical form layout
This is the default form guide layout, which style is applied to form controls do not add

any major changes in any base class element or tag.
In this form control layout stacked on top of the left-aligned tab. 
<form>

<div class="form-group">
        <label for="inputEmail">Email</label>
        <input type="email" class="form-control" id="inputEmail" placeholder="Email">
    </div>


<div class="form-group">
        <label for="inputPassword">Password</label>
        <input type="password" class="form-control" id="inputPassword" placeholder="Password">
    </div>


<div class="checkbox">
        <label><input type="checkbox"> Remember me</label>
    </div>

    <button type="submit" class="btn btn-primary">Login</button>
</form>