Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı Bootstrap'te figür kullanımını anlatmaktadır.
- Video, Bootstrap'te figür konusunun nasıl kullanılacağını adım adım göstermektedir. Konuşmacı, figür ve fig caption HTML5 elementlerinin Bootstrap ile nasıl oluşturulacağını, responsive tasarım için img fluid ve thumbnail sınıflarının kullanılmasını, fig caption'ın sağ tarafta görünmesini sağlayan text-end class'ını ve resmin köşelerini yuvarlayan rounded class'ını örneklerle açıklamaktadır. Video, content konusunun son bölümü olup, bir sonraki videoda formlar ve komponentler konusuna geçileceği belirtilmektedir.
- 00:08Bootstrap'te Figür Kavramı
- Bu videoda Bootstrap'te content konusu figürlerle bitirilecek.
- Figür konusu, resimlerle textlerin bir arada bulunduğu şekillerden bahsediyor.
- Figürlerde HTML5'teki fig ve caption gibi özellikler kullanılıyor.
- 00:39Figür Oluşturma
- Figür oluşturmak için container, row ve col yapıları kullanılıyor.
- Figür için "fig" class'ı ve fig caption için "fig-caption" class'ı kullanılıyor.
- Figür içinde resim için "img" etiketi ve responsive olması için "img-fluid" veya "thumbnail" class'ları kullanılıyor.
- 03:09Figür Özellikleri
- Fig caption'ın sağ tarafta görüntülenmesi için "text-end" class'ı kullanılabilir.
- Figür elementinden geldiği için Bootstrap tarafından oluşturulduğu için herhangi bir şekilde bozulma olmayacak.
- Resmin köşelerini yuvarlatmak için "rounded" class'ı kullanılabilir.