I Form

I form possono essere: verticali (default), orizzontali e in-line.

È buona prassi aggiungere sempre al form l'attributo role="form"

Gli elementi input, textarea e select, sono governati dalla classe .form-control. Etichette, label, e campi si combinano con la classe .form-group.

Radio buttons e checkboxes sono governati dalle classi .radio e .checkbox

  

    Email address
    
  
  

    Name
    
  
  

	Comment:
	
  
  
  

    Option 1
  
  

	Option 2
  
  

	Option 3
  
  Submit
	
	
	

---

Email address

Name

Comment:

Option 1

Option 2

Option 3

Submit

---

La classe .form-horizontal è l'equivalente della classe .rownel contesto dei form; in un form orizzontale campi ed etichette possono essere organizzati in colonne come per le griglie.

Nei form orizzontali le label sono governate dalla classe .control-label

  

    Email
    

      
    
  
	
	

Email

---

La classe .form-inline permette di allineare i campi su una sola riga.

  

    Name
    
  
  

    Email
    
  
  Invia
    
    

Name

Email

Send invitation

---

Si possono organizzare "in-line" anche Radio button e Checkboxes con le classi .radio-inline e .checkbox-inline.

---

Option 1 Option 2 Option 3

---

Option 1
Option 2
Option 3