@extends('admin/layouts/default') {{-- Page title --}} @section('title') Form Layouts @parent @stop {{-- page level styles --}} @section('header_styles') @stop {{-- Page content --}} @section('content')

Form Layouts

Form Actions On Top

   

Form Actions On Bottom

   

Form Actions On Top & Bottom

   
   

Left Aligned

   
   

Right Aligned

   
   

Form 2 Columns Default

First name is too small
Password strength: Weak
Please enter a valid email address
Second name is too small
Password mis-match
Email mis-match

Personal Details Horizontal

Form 2 Columns Readonly

Personal

Jenny

Kerry

Female

10.11.1980

321-333-5432

Address

1219 Quiet Subdivision

3536 Petunia Way

Canada

Canada

7987678

True

Form Bordered Striped

Static text

Form Seperated Row Striped

Static text

Form Bordered

Static text

This is a help text

Vertical Form Layout

Inline Form Layout

Static Form Control

harrypotter@mail.com

Grid sizing of Inputs, Textareas and Select Boxes



Creating Disabled Inputs


Supported Form Controls in Twitter Bootstrap


Horizontal Form Layout Example

General Controls

Static text

This is a help text

Height Sizing of Input Groups



Twitter Bootstrap Form Validation States

Username is available
Password strength: Weak
Please enter a valid email address
Username is available
Password strength: Weak
Please enter a valid email address

Bootstrap Form Inputs

email@example.com

@stop {{-- page level scripts --}} @section('footer_scripts') @stop