Bootstrap's Varsayılan Ayarları
Bireysel form denetimleri otomatik ile bazı küresel stil almak Bootstrap .
Tüm metinsel <input>, <textarea> ve <select> ile elementler class="form-control" genişliği ayarlanır: 100%; varsayılan olarak.
Standart kurallar Bootstrap formları:
- Ekle role="form" için <form> elemanı (ekran okuyucu kullanan kişiler için erişilebilirliği artırmaya yardımcı olur)
- Bir etiket ve form kontrolleri sarın <div> ile eleman class="form-group" (needed for optimum spacing)
- Ekle class="form-control" tüm metinsel olana <input>, <textarea> ve <select> elemanları
Aşağıdaki örnek, iki giriş alanları, tek onay kutusu basit Bootstrap formunu oluşturur ve Gönder düğmesi:
Önyükleme Formu Örneği
<form role="form">
<div class="form-group">
<label for="email">Email address:</label>
<input
type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label
for="pwd">Password:</label>
<input type="password"
class="form-control" id="pwd">
</div>
<div class="checkbox">
<label><input type="checkbox">
Remember me</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form> Kendin dene " <form> Sınıflar
| Sınıf | Açıklama | Örnek |
|---|---|---|
| .form-inline | Bir yapar <form> sola hizalı (bu, sadece içinde formlar için geçerlidir sıralı blok kontrollerle viewports , en az 768px geniş) | Dene |
| .form-horizontal | yatay düzende etiketleri ve form denetimleri gruplarını hizalar | Dene |