15- Bootstrap 5 ile Görsel Yönetimi: img-fluid, Thumbnail ve Akıllı Hizalama

"Selamlar arkadaşlar, KodlaGeliştir kanalına hoş geldiniz!

Bugün web sitelerimizin vitrini olan görselleri Bootstrap 5 ile nasıl dizginleyeceğimizi ve şık hale getireceğimizi öğreniyoruz. Videoda; devasa resimlerin mobilde nasıl 'akıllıca' küçüldüğünü (img-fluid), resimlere nasıl profesyonel çerçeveler eklendiğini (img-thumbnail) ve o meşhur 'resmi ortalama' meselesini VS Code üzerinde adım adım uyguluyoruz.

Bu Videoda Neler Var?

Responsive Görseller: img-fluid ile ekran dostu resimler.

Thumbnail Efekti: Resimlere modern çerçeve ekleme.

Hizalama Sırları: float-start, float-end ve mx-auto d-block farkları.

Container İçinde Galeri: Birden fazla resmi düzenli bir şekilde sunma.

Bonus: text-center ile resim ortalamanın en kolay yolu.

Ders boyunca yazdığım tüm kodlar ve örnekler her zamanki gibi aşağıda! Kanala abone olmayı ve videoyu beğenmeyi unutmayın. Hazırsanız görsellerin dünyasına dalıyoruz! 🚀"

Видео 15- Bootstrap 5 ile Görsel Yönetimi: img-fluid, Thumbnail ve Akıllı Hizalama канала kodlagelistir

Комментарии отсутствуют

Информация о видео

6 апреля 2026 г. 17:00:00

00:12:44

kodlagelistir

Теги

Правообладателям

Жалоба на материал Недопустимый материал Нарушение авторских прав

Комментарии

Другие видео канала

15- Bootstrap 5 ile Görsel Yönetimi: img-fluid, Thumbnail ve Akıllı Hizalama

5-Mobilde Gizle, Masaüstünde Göster! | Bootstrap 5 d-none & d-md-block

"Üstadım Bayrama Ne Keseyim?" | Cahit Zarifoğlu'ndan Bayram Dersi 🕊️✨ #KurbanBayramı

2-C# & MSSQL Araç Servis Takip Projesi | Veritabanı ve Tabloları Oluşturma

2-🟡 Algoritma Geliştiren Oyunlar Serisi | Form Arayüzü ve Bileşen Yerleşimi

7-ASP.NET Core MVC'de Silme-Delete İşlemi ve Onay Penceresi Yapımı | JavaScript Confirm

13-ASP.NET Core MVC:Kurumsal Mimaride Update & Delete Operasyonları

Yapay Zeka ile Çok Daha Hızlı Öğrenin: NotebookLM Kaynak Ekleme ve Prompt Yazımı

2-PHP ile Tema Parçalama ve Veritabanı Tasarımı | Kişisel Blog Projesi #2

15-SQL EXISTS Nedir? | Alt Sorgularla Veri Kontrolü | Araclar & Markalar Üzerinde Gerçek Uygulama

6-CSS Kenarlıklar-Borders, İç-Padding, Dış-Margin Boşluk Genişlik-Width, Yükseklik-Height Dersi

26 - SQL Uygulama Dersi #1 – GROUP BY, SUM ve INNER JOIN ile Veri Analizi Temelleri

2-HTML Editörleri, CSS Nedir, Uzantı Ayarları & İlk Uygulama (Arka Plan Rengi)

4-Veritabanı, Tablo, Primary & Foreign Key, Veri Türleri-2

16-PHP Regex (Regular Expressions) | preg_match Kullanımı ve Desen Parametrelerinin Açıklaması

8-Tamsayı Veri Türleri

8- C# MSSQL ile Stok Takip Projesi: Ürün Listeleme Metodu | VeriIslem Sınıfı ile Temiz Kodlama

37-Python Pygame ile Yılanı Hareket Ettirme ve Klavye Kontrolleri (Ders 2)

33-MySQL’e Hazır Veri Seti Ekleme ve PHP PDO ileVeritabanından Veri Çekme | BootstrapTabloUygulaması

11- C# MSSQL ile Stok Takip Projesi: Satış Yap Formu | Stok Güncelleme ve Satış Kayıt Sistemi-1

8-Grid Sistemine Hükmedin! | Bootstrap 5 Hizalama, Sıralama ve w-100 Sınıfı

29-C# UserControl ile Kod Tekrarını Azalt! – Personel, Yönetici ve Muhasebe Panelleri