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

Selamlar arkadaşlar! kodlagelistir kanalında bugün Bootstrap'in temel taşı olan Container (Kapsayıcı) yapılarını inceliyoruz.

Web sayfalarınızın içeriğini nasıl hizalayacağınızı, hangi ekran boyutunda ne kadar genişlik kaplayacağınızı kontrol etmek istiyorsanız bu ders tam size göre! Kodladığımız örnekte hem standart container yapısını hem de orta boy cihazlara göre tepki veren container-md yapısını karşılaştırmalı olarak görüyoruz.

Bu videoda neler var?

Standart Container: Ekran büyüdükçe neden yanlardan boşluk bırakır?

Responsive Container (container-md): Mobil ve masaüstü arasındaki geçişleri nasıl yönetir?

Duyarlı Görünürlük: d-none d-md-block gibi sınıflarla içerikleri belirli ekranlarda gizleyip gösterme.

Grid ve Gutter: Kartlar arası boşluk (g-2) ve sütun yönetimi.

Siz de projelerinizde (örneğin daha önce konuştuğumuz aracOtomasyonu gibi projelerde) doğru hizalamayı yapmak için bu yapıları mutlaka kullanmalısınız.

Kanala abone olmayı ve videoyu beğenmeyi unutmayın! İyi kodlamalar. 🚀

#bootstrap5 #webdevelopment #kodlagelistir #frontend #htmlcss #responsiveweb #container #yazılımderleri

Видео 5-Mobilde Gizle, Masaüstünde Göster! | Bootstrap 5 d-none & d-md-block канала kodlagelistir