Μετάβαση στο κύριο περιεχόμενο Μετάβαση στην πλοήγηση εγγράφων
Check
in English

Προσαρμογή

Μάθετε πώς να δημιουργείτε θέμα, να προσαρμόζετε και να επεκτείνετε το Bootstrap με το Sass, ένα φορτίο παγκόσμιων επιλογών, ένα εκτεταμένο σύστημα χρωμάτων και πολλά άλλα.

Sass Χρησιμοποιήστε τα πηγαία αρχεία Sass για να επωφεληθείτε από μεταβλητές, χάρτες, μίξεις και συναρτήσεις.
Επιλογές Προσαρμόστε το Bootstrap με ενσωματωμένες μεταβλητές για εύκολη εναλλαγή των καθολικών προτιμήσεων CSS.
Χρώμα Μάθετε για και προσαρμόστε τα συστήματα χρωμάτων που υποστηρίζουν ολόκληρη την εργαλειοθήκη.
Συστατικά Μάθετε πώς κατασκευάζουμε σχεδόν όλα τα στοιχεία μας με απόκριση και με κατηγορίες βάσης και τροποποιητών.
Μεταβλητές CSS Χρησιμοποιήστε τις προσαρμοσμένες ιδιότητες CSS του Bootstrap για γρήγορο και προοδευτικό σχεδιασμό και ανάπτυξη.
Βελτιστοποίηση της Διατηρήστε τα έργα σας λιτά, ανταποκρινόμενα και συντηρήσιμα, ώστε να μπορείτε να προσφέρετε την καλύτερη εμπειρία.

ΣΦΑΙΡΙΚΗ ΕΙΚΟΝΑ

Υπάρχουν πολλοί τρόποι προσαρμογής του Bootstrap. Η καλύτερη διαδρομή σας μπορεί να εξαρτάται από το έργο σας, την πολυπλοκότητα των εργαλείων κατασκευής σας, την έκδοση του Bootstrap που χρησιμοποιείτε, την υποστήριξη του προγράμματος περιήγησης και πολλά άλλα.

Οι δύο προτιμώμενες μέθοδοι μας είναι:

  1. Χρησιμοποιώντας το Bootstrap μέσω της διαχείρισης πακέτων, ώστε να μπορείτε να χρησιμοποιήσετε και να επεκτείνετε τα αρχεία πηγής μας.
  2. Χρησιμοποιώντας τα μεταγλωττισμένα αρχεία διανομής του Bootstrap ή το jsDelivr , ώστε να μπορείτε να προσθέσετε ή να παρακάμψετε στυλ του Bootstrap.

Παρόλο που δεν μπορούμε να μπούμε σε λεπτομέρειες εδώ σχετικά με τον τρόπο χρήσης κάθε διαχειριστή πακέτων, μπορούμε να δώσουμε κάποιες οδηγίες σχετικά με τη χρήση του Bootstrap με τον δικό σας μεταγλωττιστή Sass .

Για όσους θέλουν να χρησιμοποιήσουν τα αρχεία διανομής, ανατρέξτε στη σελίδα έναρξης για το πώς να συμπεριλάβετε αυτά τα αρχεία και ένα παράδειγμα σελίδας HTML. Από εκεί, συμβουλευτείτε τα έγγραφα για τη διάταξη, τα στοιχεία και τις συμπεριφορές που θέλετε να χρησιμοποιήσετε.

Καθώς εξοικειώνεστε με το Bootstrap, συνεχίστε να εξερευνάτε αυτήν την ενότητα για περισσότερες λεπτομέρειες σχετικά με τον τρόπο χρήσης των παγκόσμιων επιλογών μας, τη χρήση και την αλλαγή του συστήματος χρωμάτων μας, τον τρόπο κατασκευής των στοιχείων μας, τον τρόπο χρήσης της αυξανόμενης λίστας προσαρμοσμένων ιδιοτήτων CSS και τον τρόπο χρήσης για να βελτιστοποιήσετε τον κώδικά σας κατά τη δημιουργία με Bootstrap.

CSP και ενσωματωμένα SVG

Πολλά στοιχεία Bootstrap περιλαμβάνουν ενσωματωμένα SVG στο CSS μας για να διαμορφώνουν τα στοιχεία με συνέπεια και εύκολα σε προγράμματα περιήγησης και συσκευές. Για οργανισμούς με πιο αυστηρές διαμορφώσεις CSP , έχουμε τεκμηριώσει όλες τις παρουσίες των ενσωματωμένων SVG μας (όλα τα οποία εφαρμόζονται μέσω background-image), ώστε να μπορείτε να ελέγξετε πιο διεξοδικά τις επιλογές σας.

Με βάση τη συζήτηση στην κοινότητα , ορισμένες επιλογές για την αντιμετώπιση αυτού του θέματος στη δική σας βάση κώδικα περιλαμβάνουν την αντικατάσταση των διευθύνσεων URL με τοπικά φιλοξενούμενα στοιχεία , την κατάργηση των εικόνων και τη χρήση ενσωματωμένων εικόνων (δεν είναι δυνατή σε όλα τα στοιχεία) και την τροποποίηση του CSP σας. Η σύστασή μας είναι να αναθεωρήσετε προσεκτικά τις δικές σας πολιτικές ασφαλείας και να αποφασίσετε για την καλύτερη πορεία προς τα εμπρός, εάν είναι απαραίτητο.