Κατασκευή ιστοσελίδων με Bootstrap 5


Κατασκευή ιστοσελίδων με Bootstrap 5

Μετά από τρεις alpha εκδόσεις, τρεις beta και αρκετά σκληρή δουλειά, το community του Bootstrap ανακοίνωσε επίσημα τη νέα έκδοση νούμερο 5!

Στη σελίδα αρθρογραφίας του Bootstrap ανακοινώθηκε η νέα έκδοση του CSS Framework. Μπορείτε να δείτε την σχετική ανάρτηση στην επίσημη ιστοσελίδα:
https://blog.getbootstrap.com/2021/05/05/bootstrap-5/
Ξεκινάμε την κατασκευή ιστοσελίδων με Bootstrap 5!

Τα καινούργια χαρακτηριστικά του bootstrap 5 είναι:

  • Μία από τις μεγαλύτερες αλλαγές είναι το επανασχεδιασμένο λογότυπο και τον ενημερωμένο σχεδιασμό εγγράφων. Εμπνευσμένο από το Bootstrap Icons , το νέο λογότυπο έχει μια παραπομπή στις αγκύλες {} του CSS σε συνδυασμό με το κλασσικό, μακροχρόνιο εικονίδιο του Bootstrap.
  • Νέες αλλαγές στο πλέγμα: Το Grid μεταμορφώθηκε σε ακόμα πιο φιλικό εργαλείο κατασκευής ιστοσελίδων και διαμόρφωσης της εμφάνισης αυτών.
  • Ολοκαίνουργιο accordion: Σε μια προσπάθεια αντικατάστασης του παλαιού κώδικα ακορντεόν που δημιουργούσε πολλά προβλήματα.
  • Νέες και ενημερωμένες φόρμες: Αφαιρέθηκαν όλα τα στοιχεία ελέγχου της φόρμας (checkboxes, radio buttons) και αντικαταστάθηκαν με νέα, επανασχεδιασμένα στοιχεία.
  • Απλοποιημένη διάταξη: Χρησιμοποιώντας τις νέες ενημερώσεις πλέγματος, η διάταξη της φόρμας δεν ήταν ποτέ ευκολότερη.
  • Αναθεώρηση JavaScript σχετικά με τα αναπτυσσόμενα μενού ως μέρος της υιοθέτησης του Popper 2
  • Προσθήκη σκούρου ενθέματος σε πολλά στοιχεία του bootstrap με ειδικές κλάσεις που δεν υπήρχαν στο παρελθόν όπως π.χ. του καρουζέλ: .carousel-dark
  • Νέο, βελτιωμένο στυλ στα κουμπιά αποστολής, λήψης και ακύρωσης ενέργειας.
  • Ενημέρωση των γραμμών πλοήγησης με νέα μπάρα που όταν ανοίγει έχει μια συμπτυγμένη γραμμή σε σχέση με την προηγούμενη
  • Πολλές περισσότερες κλάσεις χρωμάτων για χρήση κατά βούληση.
  • Το LibSass καταργήθηκε και τη θέση του πήρε το Dart Sass για τα αρχεία scss, χωρίς να υπάρχουν μέχρι στιγμής προβλήματα συμβατότητας με το bootstrap 4.
  • Όλα τα πρόσθετα μπορούν πλέον να δεχτούν έναν επιλογέα CSS ως πρωταρχικό
  • Νέα έκδοση του Popper 2!
  • Προστέθηκε η δυνατότητα χρήσης προσαρμοσμένων κλάσεων για συμβουλές εργαλείων και popover
  • Κατάργηση του jQuery.

Από τη δυνατότητα χρήσης του Bootstrap 5 έμειναν έξω πολλές παλιές εκδόσεις browsers. Πιο συγκεκριμένα το Bootstrap 5 είναι συμβατό με:

  • Firefox εκδόσεις μεγαλύτερες από την 60
  • Safari εκδόσεις μεγαλύτερες από την 10
  • Chrome εκδόσεις μεγαλύτερες από την 60
  • Λειτουργικό σύστημα Android εκδόσεις μεγαλύτερες από την 6

Δεν είναι συμβατό με:

  • Microsoft Edge Legacy
  • Internet Explorer 10 και 11

Μπορείτε να βρείτε όλες τις εκδόσεις Bootstrap 5 (και τις παραλλαγές) στο GitHub: https://github.com/twbs/bootstrap/projects/27

Μπορείτε να βρείτε το αρχείο καταγραφής με όλα τα νέα συμβάντα στο GitHub:
https://github.com/twbs/bootstrap/issues?q=is%3Aclosed+project%3Atwbs%2Fbootstrap%2F27

Κατασκευή ιστοσελίδων με Bootstrap 5

Για τους χρήστες που είναι καινούργιοι στην κατασκευή ιστοσελίδας με Bootstrap υπάρχει η ιστοσελίδα Start Bootstrap που προσφέρει έτοιμα themes με bootstrap 5.0 προς χρήση, επεξεργασία και ανασχεδιασμό:
https://startbootstrap.com

Ιστοσελίδες με Bootstrap 5

Μπορείτε να δείτε περισσότερες πληροφορίες και να κατεβάσετε τα αρχεία του από την επίσημη ιστοσελίδα:
https://getbootstrap.com/docs/5.1/getting-started/introduction
καθώς επίσης και να διαβάσετε την εκμάθηση αυτού στο W3Schools:
https://www.w3schools.com/bootstrap5/bootstrap_get_started.php

Η εταιρία “Hexabit Internet Services” ακολουθεί τις νέες διατάξεις και εκδόσεις των λογισμικών που χρησιμοποιεί κατά την κατασκευή νέας ιστοσελίδας. Είμαστε σε θέση να δημιουργήσουμε το νέο σας project με το λογισμικό Bootstrap 5 έχοντας βασικό πυλώνα τη συνεχή εξέλιξή μας στο χώρο του προγραμματισμού και της κατασκευής ιστοσελίδων.
Μία δοκιμή θα σας πείσει! Επικοινωνήστε μαζί μας για περισσότερες πληροφορίες σχετικά με την ιστοσελίδα που θέλετε να κατασκευάσετε. Παρέχουμε τη δυνατότητα live παρουσίασης των νέων δυνατοτήτων του Bootstrap 5 καθώς επίσης και των πλεονεκτημάτων χρήσης του.

Εταιρία προγραμματισμού "Hexabit Internet Services" 2014 - Με την επιφύλαξη παντώς δικαιώματος Όροι χρήσης Πολιτική απορρήτου Πολιτική Cookies Site Tree W3C Pagespeed