Bootstrap 5, duyarlı, mobil öncelikli web siteleri oluşturmak için en popüler HTML, CSS ve JavaScript çerçevesi olan Bootstrap'in en yeni sürümüdür.
Bootstrap 5'i indirmek ve kullanmak tamamen ücretsizdir!
Şimdi Bootstrap 5'i öğrenmeye başlayın!
Bu eğitimde yüzlerce Bootstrap 5 örneği bulunmaktadır.
Çevrimiçi editörümüzle kodu düzenleyebilir ve sonucu görüntülemek için bir düğmeye tıklayabilirsiniz.
Kendiniz Deneyin →
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap 5 Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="container-fluid p-5 bg-primary text-white text-center">
<h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
</div>
</div>
</body>
</html>
Nasıl çalıştığını görmek için "Kendiniz Deneyin" düğmesine tıklayın.
Bootstrap 5, Bootstrap'in en yeni sürümüdür; yeni bileşenler, daha hızlı stil sayfası ve daha fazla yanıt verme hızıyla.
Bootstrap 5, tüm önemli tarayıcıların en son ve kararlı sürümlerini destekler ve platformlar. Ancak Internet Explorer 11 ve aşağısı desteklenmez.
Bootstrap 5 ile Bootstrap 3 ve 4 arasındaki temel farklar şudur: Bootstrap 5, jQuery yerine JavaScript'e geçti.
Not: Bootstrap 3 ve Bootstrap 4, kritik hata düzeltmeleri ve belge değişiklikleri için ekip tarafından hâlâ desteklenmektedir. ve bunları kullanmaya devam etmek tamamen güvenlidir. Ancak yeni özellikler EKLENMEYECEKTİR onlara.