Bootstrap - Form Demosu

Form Düzeni

Bootstrap size aşağıdaki form düzeni türlerini sağlar -

• Dikey (varsayılan) form
• Satır içi form
• Yatay form

Dikey veya Temel Form

Temel form yapısı Bootstrap ile birlikte gelir; bireysel form kontrolleri otomatik olarak bazı genel stilleri alır. Temel bir form oluşturmak için aşağıdakileri yapın -

• Ana <form> öğesine bir rol formu ekleyin .

• Sınıf .form-group ile bir <div> içindeki etiketleri ve denetimleri sarın . Optimum aralık için bu gereklidir.

• Tüm metinsel <input>, <textarea> ve <select> öğelerine bir .form-control sınıfı ekleyin .

Satır İçi Form

Tüm öğelerin satır içi, sola hizalanmış ve etiketlerin yan yana olduğu bir form oluşturmak için <form> etiketine .form-inline sınıfını ekleyin .

Yatay Form

Yatay formlar diğerlerinden sadece işaret miktarı açısından değil, formun sunumunda da ayrılmaktadır. Yatay düzeni kullanan bir form oluşturmak için aşağıdakileri yapın -

• Ana <form> öğesine bir .form-horizontal sınıfı ekleyin .

• Sınıf .form-group ile bir <div> içindeki etiketleri ve denetimleri sarın .

• Etiketlere bir .control-label sınıfı ekleyin .

Misal	Açıklama	İndirme: {link
Giriş sayfası	Bu örnek, Bootstrap'teki oturum açma sayfası yapısını gösterir	İndir
İletişim sayfası	Bu örnek, Bootstrap'teki İletişim sayfası yapısını gösterir	İndir
Kayıt sayfası	Bu örnek, Bootstrap'teki Kaydolma sayfası yapısını gösterir	İndir