Bu modülün derslerinden 5 soru. Cevaplarını işaretle ve sonucu gör. Yanlış yaptığın konular için hangi dersi tekrar etmen gerektiğini göstereceğiz. Sonucunun kaydedilmesi için giriş yap.

Soru 1

Soru 1/5 · 5.1 Proje 1: Responsive Landing Page (Karşılama Sayfası)

Bir landing page'in ilk ekranında kullanıcıyı harekete geçiren büyük butona ne denir?

Footer Call to action (eylem çağrısı) Breadcrumb Sidebar

Soru 2

Soru 2/5 · 5.2 Proje 2: Modern E-Ticaret Ürün Kataloğu

Ürün kartlarının telefonda 1, tablette 2, bilgisayarda 3 sütun olması için hangi sınıflar kullanılır?

col-3 col-12 col-md-6 col-lg-4 col-lg-12 col-md-6 row-cols-3

Soru 3

Soru 3/5 · 5.3 Proje 3: İnteraktif Müşteri Kayıt Formu Sayfası

Bootstrap'te metin kutularına verilen temel sınıf hangisidir?

input form-control form-input text-field

Soru 4

Soru 4/5 · 5.4 Proje 4: Yönetim Paneli (Admin Dashboard) İskeleti

Bir yönetim panelinde tablo satırlarına zebra deseni veren Bootstrap sınıfı hangisidir?

table-zebra table-striped table-lines striped

Soru 5

Soru 5/5 · 5.5 Proje 5: Şık SaaS Fiyatlandırma ve SSS Akordiyonu

Fiyat kartlarının hepsinde butonların aynı hizada (en altta) durması için karta ne yapılabilir?

Butonlara margin-top: 100px vermek Kartı d-flex flex-column yapıp butona mt-auto vermek Kartlara sabit yükseklik vermek Butonları position-absolute yapmak

Bootstrap 5 ile Hızlı ve Responsive Arayüzler

Codary

Sıfırdan yazılıma başlamak isteyenler için interaktif, tarayıcıda canlı kod çalıştırılabilir, pratik ve eğlenceli öğrenme platformu.

Alanlar

Web Temelleri
Frontend & Etkileşim
Programlama Dilleri
Backend & Veritabanı
Mobil Geliştirme
Tüm kurslar (17) →

Platform

Anasayfa
Tüm Diller
Öğrenme Yolları
Giriş Yap
Kayıt Ol
Profilim

Yasal

KVKK Aydınlatma Metni
Gizlilik Politikası
Çerez Politikası
Kullanım Koşulları

Made with for developers

Codary Danışman

Anında cevap · kurslar, site kullanımı ve kod hataları

Merhaba! Ben Codary danışmanıyım. Kurslar, dersler, site kullanımı ve sık görülen kod hataları hakkında sorunu yaz, hemen cevaplayayım.

Pratik bilgiler

Sorunu yaz

Çerezler

Sitemiz yalnızca çalışması için gerekli çerezleri (oturum, tema ve dil tercihi) kullanır; reklam veya takip çerezi kullanmaz. Başka bir dil seçersen çeviri Google tarafından yapılır. Ayrıntılar: Çerez Politikası ve KVKK Aydınlatma Metni.