Bootstrap 5 ile Responsive Tasarım

Bootstrap 5 kullanarak mobil uyumlu web siteleri tasarlama rehberi

Bootstrap 5 ile Responsive Tasarım

Posted on Ocak 05, 2025 by Şaban ÇİÇEK
Bootstrap 5 ile Responsive Tasarım

Bootstrap 5, responsive web tasarımı için en popüler CSS framework'lerinden biridir. Bu yazıda temel kullanımını öğreneceğiz.

Grid System

Bootstrap'ın 12 sütunlu grid sistemi ile responsive layout'lar oluşturabilirsiniz:

<div class="row">
<div class="col-md-6">Sol Sütun</div>
<div class="col-md-6">Sağ Sütun</div>
</div>

Utility Classes

Bootstrap 5'te birçok utility class bulunur:

  • Margin ve Padding: m-3, p-2
  • Text Alignment: text-center, text-end
  • Display: d-none, d-block
73 görüntülenme • 0 Yorum • Son Güncelleme: Aralık 29, 2024
Yorumlar 0
Yorum Yap

Henüz yorum yok. İlk yorumu siz yapın!