Forms

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.

Examples

Here’s a quick example to demonstrate Bootstrap’s form styles. Keep reading for documentation on required classes, form layout, and more.

  1. <w class="form">
  2.   <w class="form-group">
  3.     <w type="label" for="example-input-email-1">Email address</w>
  4.     <w type="textedit" class="form-control" id="example-input-email-1" placeholder="Enter email" />
  5.     <w type="small" class="form text text-muted">We'll never share your email with anyone else.</w>
  6.   </w>
  7.   <w class="form-group">
  8.     <w type="label" for="example-input-password-1">Password</w>
  9.     <w type="password" class="form-control" id="example-input-password-1" placeholder="Passowrd" />
  10.   </w>
  11.   <w class="form-group">
  12.     <w type="button" class="btn btn-primary">Submit</w>
  13.   </w>
  14. </w>

Sizing

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

  1. <w class="form-control form-control-lg" type="textedit" placeholder=".form-control-lg" />
  2. <w class="form-control" type="textedit" placeholder="Default input" />
  3. <w class="form-control form-control-sm" type="textedit" placeholder=".form-control-sm" />