Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Can adlı bir eğitmen tarafından sunulan Bootstrap derslerinin dokuzuncu bölümüdür. Eğitmen, Visual Studio kullanarak Bootstrap formlarını adım adım göstermektedir.
- Videoda Bootstrap'in Türkçe çevirisi tanıtılmakta ve formların nasıl oluşturulacağı anlatılmaktadır. Eğitmen, form control sınıfı, form group etiketi, checkbox, buton ve inline form gibi temel form bileşenlerini Visual Studio'da kod örnekleriyle göstermektedir. Ayrıca form elemanlarının boyutlandırılması, label kullanımı ve form elemanlarının gruplandırılması gibi konular da ele alınmaktadır. Video, yaklaşık on dakika sürmektedir.
- 00:01Bootstrap Formlar Dersi Tanıtımı
- Can, Bootstrap dersinin dokuzuncu bölümünde formları işleyeceğini belirtiyor.
- Bootstrap artık tamamen Türkçe'ye çevrilmiş ve tr.bootstrap.com adresinde Türkçe belgeler bulunabilir.
- Türkçe ve İngilizce Bootstrap'te aynı işlemleri yapabilirsiniz.
- 00:51Form Kontrolleri ve Temel Örnekler
- Form kontrolleri otomatik olarak bazı küresel stiller alır ve tüm metinler input text olarak görünür.
- Form kontrol classını kullandığınızda Bootstrap'in kendi CSS ile form kontrolü görünümünü elde edersiniz.
- Form kontrolü classını kullanarak input elementlerine otomatik olarak Bootstrap stilleri uygulanır.
- 02:23Form Kontrollerinin Kullanımı
- Form kontrolü classını kullanarak input elementlerine Bootstrap stilleri uygulanır ve otomatik olarak form kontrolü görünümü elde edilir.
- Label elementi kullanarak form kontrolü için başlık ekleyebilirsiniz.
- Form kontrolü classı ile input elementlerinin genişliği varsayılan olarak sayfanın %100'ünü kaplar.
- 03:48Form Kontrollerinin Boyutlandırılması
- Form kontrolü classının genişliğini değiştirmek için "width" özelliği kullanabilirsiniz.
- "width" özelliği ile form kontrolü classının genişliğini sayfanın belirli bir yüzdesi olarak ayarlayabilirsiniz.
- Form kontrolü classının genişliğini değiştirmek için harici bir class tanımlamaya gerek yoktur, sadece "width" özelliği kullanabilirsiniz.
- 05:48Form Grupları ve Diğer Kontroller
- Form gruplarını oluşturmak için "form-group" classını kullanabilirsiniz.
- Checkbox kontrolü için "checkbox" classını kullanabilirsiniz.
- Buton kontrolü için "btn" classını kullanabilirsiniz ve "primary" gibi farklı özellikler ekleyebilirsiniz.
- 09:49Inline ve Horizontal Formlar
- Inline formlar, form kontrollerini yan yana yerleştirmek için kullanılır.
- Horizontal formlar, form kontrollerini alttan sona yerleştirmek için kullanılır.
- Inline formlar için "form-inline" classını kullanabilirsiniz.