Επισκόπηση Bootstrap
Το Bootstrap είναι ένα πλαίσιο προσκηνίου που σας βοηθά να σχεδιάζετε περιβάλλοντα εργασίας ιστού με έτοιμα στοιχεία CSS και JavaScript για κοινά στοιχεία όπως πλοήγηση, φόρμες και κουμπιά. Διαθέτει επίσης ένα σύστημα διάταξης πλέγματος με απόκριση που προσαρμόζει την τοποθεσία σας για συσκευές με διαφορετικά μεγέθη οθόνης, όπως τηλέφωνα και tablet. Χρησιμοποιώντας το σύστημα διάταξης του Bootstrap, μπορείτε να δημιουργήσετε μια μεμονωμένη τοποθεσία που είναι ωραία σε οποιαδήποτε συσκευή που ενδέχεται να χρησιμοποιήσουν οι πελάτες σας.
Τα πρότυπα Power Pages χρησιμοποιούν τυπικά στοιχεία Bootstrap με ελάχιστα προσαρμοσμένα στυλ. Χρησιμοποιώντας αυτά τα πρότυπα, μπορείτε εύκολα να αλλάξετε το θέμα (γραμματοσειρές, χρώματα κ.λπ.) ώστε να ταιριάζει με την επωνυμία και τις προτιμήσεις σας με συνέπεια σε ολόκληρη την τοποθεσία σας.
Το Power Pages υποστηρίζει το Bootstrap έκδοση 3.3.6 και το Bootstrap έκδοση 5. Η έκδοση 5 του Bootstrap προσφέρει βελτιωμένες δυνατότητες εμπειρίας χρήστη (UX) και νέα στοιχεία όπως στοιχείο accordion, offcanvas και υποστήριξη RTL.
Για νέες τοποθεσίες Power Pages, θα πρέπει να ρυθμίσετε το Bootstrap έκδοση 5 στο περιβάλλον σας. Μπορείτε επίσης να μετεγκαταστήσετε τις υπάρχουσες τοποθεσίες Web Bootstrap έκδοση 3 έως έκδοση 5.
Προσαρμογή του Bootstrap
Για να προσαρμόσετε το Bootstrap, αλλάζετε τις τιμές των μεταβλητών και στη συνέχεια κάνετε λήψη μιας έκδοσης του Bootstrap που έχει συνταχθεί με βάση τις προσαρμοσμένες τιμές σας.
Η δύναμη των μεταβλητών Bootstrap είναι ότι ορίζουν όλα τα στυλ στο πλαίσιο, όχι μόνο ένα στοιχείο. Για παράδειγμα, η μεταβλητή @font-size-base καθορίζει το προεπιλεγμένο μέγεθος του κειμένου στην τοποθεσία σας—κείμενο σώματος, επικεφαλίδες και όλα τα άλλα στοιχεία κειμένου. Μια επικεφαλίδα Η1 μπορεί να οριστεί ως το 300 τοις εκατό του @font-size-base. Έτσι, ορίζοντας αυτήν τη μία μεταβλητή, ελέγχετε ολόκληρη την τυπογραφική κλίμακα της τοποθεσίας web σας με ομοιόμορφο τρόπο.
Μπορείτε να δημιουργήσετε μια προσαρμοσμένη έκδοση του Bootstrap μέσω της επίσημης τοποθεσίας Bootstrap ή χρησιμοποιήστε μια τοποθεσία τρίτου που μπορεί να προσφέρει ευκολότερο περιβάλλον εργασίας ή προσχεδιασμένα θέματα. Η επίσημη τοποθεσία προσαρμογής Bootstrap παρέχει περισσότερες πληροφορίες σχετικά με την προσαρμογή Bootstrap.
Όταν πραγματοποιείτε λήψη μιας προσαρμοσμένης έκδοσης του Bootstrap, περιέχει την εξής δομή καταλόγου:
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
Ανάλογα με την εφαρμογή προσαρμογής που χρησιμοποιήσατε, η δομή του καταλόγου ενδέχεται να περιέχει μόνο το bootstrap.min.css. Είναι το αρχείο που περιέχει τις προσαρμογές σας. Τα υπόλοιπα αρχεία είναι τα ίδια για όλες τις προσαρμοσμένες εκδόσεις του Bootstrap και γι' αυτό έχουν συμπεριληφθεί ήδη στην τοποθεσία web σας.