Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan Bootstrap eğitim setinin 54. dersidir.
- Videoda Bootstrap'in form oluşturma özellikleri ve datalist kullanımı detaylı olarak anlatılmaktadır. İlk bölümde form kontrollerinin boyutlarını ayarlama, grid sistemi kullanarak form elemanlarını düzenleme, dosya yükleme alanları oluşturma ve renk seçme alanları ekleme gibi konular ele alınırken, ikinci bölümde datalist oluşturma süreci, input oluşturma, id atama, label ile bağlantı kurma ve liste atama gibi temel adımlar gösterilmektedir.
- Eğitim içeriğinde ayrıca farklı ekran boyutlarında form elemanlarının davranışları, offset class'ı ile sütunların ötelenmesi ve kısıtlı veri seçim hakkı sunan durumlarda datalistlerin kullanımı gibi pratik bilgiler de paylaşılmaktadır. Video, Bootstrap'in diğer konularıyla devam edileceği bilgisiyle sonlanmaktadır.
- Bootstrap Form Eğitimi
- Bootstrap eğitim setinin 54. dersinde formlar konusuna devam edilecek.
- Geçen derste yapılan değişiklikler kaldırılacak ve yeni bir form oluşturulacak.
- Açıklama metni için textarea alanı oluşturulacak ve form control sınıfı ile boyutlandırılacak.
- 01:14Form Kontrol Boyutlandırma
- Bootstrap, form kontrolünün boyutunu ayarlamak için large, small ve default seçenekleri sunuyor.
- Form control large sınıfı ile inputlar genişletilebilir, form control small sınıfı ile ise küçültülebilir.
- Tasarım gereksinimlerine göre form kontrolünün boyutu değiştirilebilir.
- 02:28Grid Sistemi Kullanımı
- Form elemanlarını yan yana yazdırmak için grid sistemi kullanılabilir.
- Row sınıfı ile satırlar oluşturulup, sütun sınıfları (small, extra small, extra large) ile ekran boyutlarına göre düzenlemeler yapılabilir.
- Offset sınıfı ile belirli bir sütunun ötelenmesi sağlanabilir.
- 08:29Farklı Form Elemanları
- Dosya yükleme için file inputu kullanılabilir ve çoklu dosya yükleme için multiple özelliği eklenebilir.
- Form kontrolünün boyutu form control large veya form control small sınıfları ile değiştirilebilir.
- Renk seçme için input type color kullanılabilir ve form control color sınıfı ile renk seçici oluşturulabilir.
- 11:11Bootstrap'te DataList Kullanımı
- Bir input oluşturuldu ve from control klas kullanılarak id verildi.
- Input ile label arasındaki bağlantı for ile belirtildi.
- Inputa bir liste atandı ve bu liste, data list ile aynı olmalı ki ilişki gösterilebilsin.
- 11:38DataList Özellikleri
- Şehirler option value ile belirtildi.
- Veri ara butonuna tıklandığında popover oluşturarak datalisti gösteriyor.
- Kısıtlı veri seçim hakkı tanındığında kullanıcıya güzel bir seçenek sağlıyor.
- 12:22Bootstrap'te DataList Görünümü
- Bootstrap, steps için datalisti güzel bir özelleştirilmiş hali sunuyor.
- DataList'in görünümü Bootstrap'te belirli bir şekilde tasarlanmış.
- Önümüzdeki ders Bootstrap'in diğer konularıyla devam edilecek.