Κατεβάστε
Κατεβάστε το Bootstrap για να λάβετε το μεταγλωττισμένο CSS και JavaScript, τον πηγαίο κώδικα ή να το συμπεριλάβετε με τους αγαπημένους σας διαχειριστές πακέτων όπως npm, RubyGems και άλλα.
Μεταγλώττιση CSS και JS
Κατεβάστε τον έτοιμο προς χρήση μεταγλωττισμένο κώδικα για το Bootstrap v4.6.2 για να τον μεταφέρετε εύκολα στο έργο σας, το οποίο περιλαμβάνει:
- Μεταγλωττισμένα και ελαχιστοποιημένα πακέτα CSS (δείτε σύγκριση αρχείων CSS )
- Μεταγλώττιση και ελαχιστοποίηση προσθηκών JavaScript (δείτε σύγκριση αρχείων JS )
Αυτό δεν περιλαμβάνει τεκμηρίωση, αρχεία προέλευσης ή προαιρετικές εξαρτήσεις JavaScript (jQuery και Popper).
Αρχεία πηγής
Μεταγλωττίστε το Bootstrap με τη δική σας διοχέτευση στοιχείων κατεβάζοντας τα αρχεία προέλευσης Sass, JavaScript και τεκμηρίωσης. Αυτή η επιλογή απαιτεί κάποια πρόσθετα εργαλεία:
- Μεταγλωττιστής Sass για μεταγλώττιση αρχείων πηγής Sass σε αρχεία CSS
- Αυτόματο πρόθεμα για πρόθεμα προμηθευτή CSS
Εάν χρειάζεστε το πλήρες σετ εργαλείων κατασκευής μας , περιλαμβάνονται για την ανάπτυξη του Bootstrap και των εγγράφων του, αλλά είναι πιθανό να είναι ακατάλληλα για τους δικούς σας σκοπούς.
Παραδείγματα
Εάν θέλετε να κατεβάσετε και να εξετάσετε τα παραδείγματά μας , μπορείτε να πάρετε τα ήδη κατασκευασμένα παραδείγματα:
jsDelivr
Παραλείψτε τη λήψη με το jsDelivr για να παραδώσετε την κρυφή έκδοση του μεταγλωττισμένου CSS και JS του Bootstrap στο έργο σας.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
Εάν χρησιμοποιείτε τη μεταγλωττισμένη JavaScript μας και προτιμάτε να συμπεριλάβετε το Popper ξεχωριστά, προσθέστε το Popper πριν από το JS μας, κατά προτίμηση μέσω ενός CDN.
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
Διαχειριστές πακέτων
Τραβήξτε τα αρχεία προέλευσης του Bootstrap σε σχεδόν οποιοδήποτε έργο με μερικούς από τους πιο δημοφιλείς διαχειριστές πακέτων. Ανεξάρτητα από τον διαχειριστή πακέτων, το Bootstrap θα απαιτήσει έναν μεταγλωττιστή Sass και έναν αυτόματο πρόθεμα για μια εγκατάσταση που ταιριάζει με τις επίσημες μεταγλωττισμένες εκδόσεις μας.
npm
Εγκαταστήστε το Bootstrap στις εφαρμογές σας που υποστηρίζονται από το Node.js με το πακέτο npm :
npm install bootstrap
require('bootstrap')
θα φορτώσει όλα τα πρόσθετα jQuery του Bootstrap στο αντικείμενο jQuery. Η bootstrap
ίδια η μονάδα δεν εξάγει τίποτα. Μπορείτε να φορτώσετε μη αυτόματα τα πρόσθετα jQuery του Bootstrap μεμονωμένα, φορτώνοντας τα /js/*.js
αρχεία στον κατάλογο ανώτατου επιπέδου του πακέτου.
Το Bootstrap package.json
περιέχει ορισμένα πρόσθετα μεταδεδομένα κάτω από τα ακόλουθα κλειδιά:
sass
- διαδρομή προς το κύριο αρχείο προέλευσης Sass του Bootstrapstyle
- διαδρομή προς το μη ελαχιστοποιημένο CSS του Bootstrap που έχει προμεταγλωττιστεί χρησιμοποιώντας τις προεπιλεγμένες ρυθμίσεις (χωρίς προσαρμογή)
νήμα
Εγκαταστήστε το Bootstrap στις εφαρμογές σας που υποστηρίζονται από το Node.js με το πακέτο νήμα :
yarn add bootstrap
RubyGems
Εγκαταστήστε το Bootstrap στις εφαρμογές σας Ruby χρησιμοποιώντας το Bundler ( συνιστάται ) και το RubyGems προσθέτοντας την ακόλουθη γραμμή στο Gemfile
:
gem 'bootstrap', '~> 4.6.2'
Εναλλακτικά, εάν δεν χρησιμοποιείτε το Bundler, μπορείτε να εγκαταστήσετε το στολίδι εκτελώντας αυτήν την εντολή:
gem install bootstrap -v 4.6.2
Δείτε το README του πολύτιμου λίθου για περισσότερες λεπτομέρειες.
Συνθέτης
Μπορείτε επίσης να εγκαταστήσετε και να διαχειριστείτε το Sass και το JavaScript του Bootstrap χρησιμοποιώντας το Composer :
composer require twbs/bootstrap:4.6.2
NuGet
Εάν αναπτύσσεστε σε .NET, μπορείτε επίσης να εγκαταστήσετε και να διαχειριστείτε το CSS ή το Sass και το JavaScript του Bootstrap χρησιμοποιώντας το NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass