2015-01-22 9 views
11

Ho utilizzato riga e ora utilizzando form-group CSS. Sono confuso tra questi 2, che dovrei preferire se voglio creare controlli di forma. Sembra che entrambi facciano lo stesso lavoro.bootstrap form-group vs row CSS che uno preferisce

+0

Come possiamo fare qualsiasi cosa, senza nemmeno guardare il codice? – HaveNoDisplayName

+1

Dovresti davvero leggere la documentazione. –

risposta

13

Io di solito seguono questo schema:

<div class="form-group"> 
    <div class="row"> 
     <div class="col-md-6"></div> 
     <div class="col-md-6"></div> 
    </div> 
</div> 

Nota le col-md-6 e col-md-5 sono esempi ed è possibile utilizzare qualsiasi classe col-md-x con un numero illimitato. solo la somma DEVE essere 12.

+8

Quando il .form-group si trova all'interno di .form-horizontal, non è necessario .row. Questo punto è citato su: http://getbootstrap.com/css/#forms-horizontal. Le linee esatte sono: Fare così cambia .form-gruppi di comportarsi come righe della griglia, quindi non c'è bisogno di .row – Vijey

0

Questo potrebbe essere vecchio, ma potrebbe aiutare anche qualcuno. Con Bootstrap, comunque.

form-group per set di controlli su un modulo. Se la fila ha più colli, e ognuno col ha un'etichetta e un testo di input, inserire una forma gruppo attorno a ciascuna etichetta e ingresso di controllo, come ad esempio:

{

<div class="row"> 
    <div class="col-6"> 
     <div class="form-group"> 
      <label>Client Name: </label> 
      <input type="text" name="clientName" /> 
     </div> 
    </div> 

    <div class="col-6"> 
     <div class="form-group"> 
      <label>Client Email: </label> 
      <input type="text" name="clientEmail /> 
     </div> 
    </div> 
</div> 

... etc. }