Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Fehmi Uyar tarafından sunulan Bootstrap 4 eğitim setinin 19. dersidir. Fehmi Uyar, nokta net'in editörüdür.
- Videoda Bootstrap 4 tablolarının çeşitli özellikleri gösterilmektedir. Öncelikle "table-small" sınıfı ile tabloların küçükleştirilmesi, ardından "table-primary", "table-secondary", "table-danger", "table-warning", "table-info", "table-light" ve "table-dark" gibi renk sınıflarının kullanımı anlatılmaktadır. Ayrıca tabloların responsive (duyarlı) hale getirilmesi ve farklı ekran boyutlarında nasıl davranacağı gösterilmektedir. Video, tabloların hem satırlara hem de sütunlara renk atama yöntemlerini de içermektedir.
- 00:06Bootstrap Tablo Özellikleri
- Bootstrap 4 eğitim setinin 19. dersinde tablolara devam edilecek.
- Table-small sınıfı kullanılarak tablonun iç boşlukları (padding) küçültülebilir ve daha sıkışık bir tablo oluşturulabilir.
- Table-dark koyu tema ile küçük tablo kullanıldığında daha sıkışık bir görünüm elde edilir.
- 01:23Tablo Renklendirme
- Table-primary, table-secondary, table-danger, table-warning, table-info, table-active ve table-light gibi sınıflar kullanılarak tablonun arka planı renklendirilebilir.
- Table-light beyaza çok yakın bir renk verirken, table-white tam beyaz renk sunar.
- Background-primary, background-secondary, background-danger, background-warning, background-active ve background-light gibi sınıflar kullanılarak tablonun arka planı farklı renklere sahip olabilir.
- 06:26Tablo Sütun ve Satır Renklendirme
- Sadece belirli bir satır veya sütuna renk uygulanabilir.
- Tablo responsive (duyarlı) olmayabilir, özellikle küçük ekranlarda sütunların kaybolması veya scroll çubuğu oluşması sorun yaratabilir.
- Table-responsive sınıfı kullanılarak tablo responsive hale getirilebilir.
- 10:53Responsive Tablo Ayarları
- Responsive tablo için table-responsive-large-x-under gibi sınıflar kullanılabilir.
- Table-responsive-x-under, xlarge ve altındaki tüm cihazlarda responsivelik özelliğini aktif eder.
- Table-responsive-medium, medium ve altındaki cihazlarda; table-responsive-large, large ve altındaki cihazlarda; table-responsive-small, small ve altındaki cihazlarda responsivelik özelliğini aktif eder.