Το Bootstrap 5 είναι η πιο πρόσφατη έκδοση του Bootstrap, το οποίο είναι το πιο δημοφιλές πλαίσιο HTML, CSS και JavaScript για τη δημιουργία ιστοτόπων με απόκριση, με προτεραιότητα για κινητά.
Το Bootstrap 5 είναι εντελώς δωρεάν για λήψη και χρήση!
Ξεκινήστε να μαθαίνετε το Bootstrap 5 τώρα!
Αυτό το σεμινάριο περιέχει εκατοντάδες παραδείγματα Bootstrap 5.
Με το ηλεκτρονικό μας πρόγραμμα επεξεργασίας, μπορείτε να επεξεργαστείτε τον κώδικα και να κάνετε κλικ σε ένα κουμπί για να δείτε το αποτέλεσμα.
Δοκιμάστε το μόνοι σας →
<!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>
Κάντε κλικ στο κουμπί "Δοκιμάστε το μόνοι σας" για να δείτε πώς λειτουργεί.
Το Bootstrap 5 είναι η νεότερη έκδοση του Bootstrap. με νέα στοιχεία, ταχύτερο φύλλο στυλ και μεγαλύτερη απόκριση.
Το Bootstrap 5 υποστηρίζει τις πιο πρόσφατες, σταθερές εκδόσεις όλων των μεγάλων προγραμμάτων περιήγησης και πλατφόρμες. Ωστόσο, ο Internet Explorer 11 και κάτω δεν υποστηρίζεται.
Οι κύριες διαφορές μεταξύ του Bootstrap 5 και του Bootstrap 3 & 4 είναι ότι Το Bootstrap 5 έχει αλλάξει σε JavaScript αντί για jQuery.
Σημείωση: Το Bootstrap 3 και το Bootstrap 4 εξακολουθούν να υποστηρίζονται από την ομάδα για κρίσιμες διορθώσεις σφαλμάτων και αλλαγές τεκμηρίωσης, και είναι απολύτως ασφαλές να συνεχίσετε να τα χρησιμοποιείτε. Ωστόσο, ΔΕΝ θα προστεθούν νέες δυνατότητες τους.