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)
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
<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>