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
risposta
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.
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
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. }
- 1. formGroup aspetta un'istanza FormGroup
- 2. F # vs IronPython: quando si preferisce l'altro?
- 3. Bootstrap CSS classi jolly
- 4. angolare UI Bootstrap vs. AngularStrap vs Bootstrap
- 5. Libreria CSS (es: Bootstrap) che supporta IE6?
- 6. Ignora Bootstrap CSS
- 7. SHA256 preferisce numeri interi?
- 8. 5 Pari campate in 1 Row - Twitter Bootstrap
- 9. Bootstrap Spring Thymeleaf CSS
- 10. Twitter bootstrap CSS + jQuery
- 11. DropWizard Bootstrap vs configurazione vs Environment
- 12. SASS e Bootstrap - mixins vs. @extends
- 13. Tema bootstrap vs modello
- 14. primefaces datatable row coloring
- 15. Passaggio null al metodo che preferisce String, non Object
- 16. CSS transform vs position
- 17. Twitter Bootstrap CSS che supporta le lingue RTL
- 18. Aggiungere uno spacer semplice a twitter bootstrap
- 19. Override uno stile CSS
- 20. Bootstrap 3 CSS Didascalia sovrapposizione
- 21. CSS "::" vs ":" - pseudo-elemento vs pseudo-selettore?
- 22. Twitter Bootstrap vs "Mobile First"
- 23. CSS: animazione vs transizione
- 24. selettori css vs jquery traversal
- 25. twitter-bootstrap vs jquery-mobile
- 26. Scelta bootstrap vs material design
- 27. Prestazioni di transizione CSS vs animazione CSS
- 28. Font Awesome vs Glyphicons in Twitter Bootstrap
- 29. CSS interno vs esterno
- 30. Come personalizzare bootstrap css quando si utilizza bootstrap-sass
Come possiamo fare qualsiasi cosa, senza nemmeno guardare il codice? – HaveNoDisplayName
Dovresti davvero leggere la documentazione. –