Κατεβάστε
Κατεβάστε το Bootstrap για να λάβετε το μεταγλωττισμένο CSS και JavaScript, τον πηγαίο κώδικα ή να το συμπεριλάβετε με τους αγαπημένους σας διαχειριστές πακέτων όπως npm, RubyGems και άλλα.
Μεταγλώττιση CSS και JS
Κατεβάστε τον έτοιμο προς χρήση μεταγλωττισμένο κώδικα για το Bootstrap v5.0.2 για να τον μεταφέρετε εύκολα στο έργο σας, το οποίο περιλαμβάνει:
- Μεταγλωττισμένα και ελαχιστοποιημένα πακέτα CSS (δείτε σύγκριση αρχείων CSS )
- Μεταγλώττιση και ελαχιστοποίηση προσθηκών JavaScript (δείτε σύγκριση αρχείων JS )
Αυτό δεν περιλαμβάνει τεκμηρίωση, αρχεία πηγής ή προαιρετικές εξαρτήσεις JavaScript όπως το Popper.
Αρχεία πηγής
Μεταγλωττίστε το Bootstrap με τη δική σας διοχέτευση στοιχείων κατεβάζοντας τα αρχεία προέλευσης Sass, JavaScript και τεκμηρίωσης. Αυτή η επιλογή απαιτεί κάποια πρόσθετα εργαλεία:
- Μεταγλωττιστής Sass για μεταγλώττιση αρχείων πηγής Sass σε αρχεία CSS
- Αυτόματο πρόθεμα για πρόθεμα προμηθευτή CSS
Εάν χρειάζεστε το πλήρες σετ εργαλείων κατασκευής μας , περιλαμβάνονται για την ανάπτυξη του Bootstrap και των εγγράφων του, αλλά είναι πιθανό να είναι ακατάλληλα για τους δικούς σας σκοπούς.
Παραδείγματα
Εάν θέλετε να κατεβάσετε και να εξετάσετε τα παραδείγματά μας , μπορείτε να πάρετε τα ήδη κατασκευασμένα παραδείγματα:
CDN μέσω jsDelivr
Παραλείψτε τη λήψη με το jsDelivr για να παραδώσετε την κρυφή έκδοση του μεταγλωττισμένου CSS και JS του Bootstrap στο έργο σας.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
Εάν χρησιμοποιείτε τη μεταγλωττισμένη JavaScript μας και προτιμάτε να συμπεριλάβετε το Popper ξεχωριστά, προσθέστε το Popper πριν από το JS μας, κατά προτίμηση μέσω ενός CDN.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
Διαχειριστές πακέτων
Τραβήξτε τα αρχεία προέλευσης του Bootstrap σε σχεδόν οποιοδήποτε έργο με μερικούς από τους πιο δημοφιλείς διαχειριστές πακέτων. Ανεξάρτητα από τον διαχειριστή πακέτων, το Bootstrap θα απαιτήσει έναν μεταγλωττιστή Sass και έναν αυτόματο πρόθεμα για μια εγκατάσταση που ταιριάζει με τις επίσημες μεταγλωττισμένες εκδόσεις μας.
npm
Εγκαταστήστε το Bootstrap στις εφαρμογές σας που υποστηρίζονται από το Node.js με το πακέτο npm :
npm install bootstrap
const bootstrap = require('bootstrap')
ή import bootstrap from 'bootstrap'
θα φορτώσει όλα τα πρόσθετα του Bootstrap σε ένα bootstrap
αντικείμενο. Η bootstrap
ίδια η ενότητα εξάγει όλες τις προσθήκες μας. Μπορείτε να φορτώσετε μη αυτόματα τα πρόσθετα του Bootstrap μεμονωμένα, φορτώνοντας τα /js/dist/*.js
αρχεία στον κατάλογο ανώτατου επιπέδου του πακέτου.
Το Bootstrap package.json
περιέχει ορισμένα πρόσθετα μεταδεδομένα κάτω από τα ακόλουθα κλειδιά:
sass
- διαδρομή προς το κύριο αρχείο προέλευσης Sass του Bootstrapstyle
- διαδρομή προς το μη ελαχιστοποιημένο CSS του Bootstrap που έχει προμεταγλωττιστεί χρησιμοποιώντας τις προεπιλεγμένες ρυθμίσεις (χωρίς προσαρμογή)
νήμα
Εγκαταστήστε το Bootstrap στις εφαρμογές σας που υποστηρίζονται από το Node.js με το πακέτο νήμα :
yarn add bootstrap
RubyGems
Εγκαταστήστε το Bootstrap στις εφαρμογές σας Ruby χρησιμοποιώντας το Bundler ( συνιστάται ) και το RubyGems προσθέτοντας την ακόλουθη γραμμή στο Gemfile
:
gem 'bootstrap', '~> 5.0.2'
Εναλλακτικά, εάν δεν χρησιμοποιείτε το Bundler, μπορείτε να εγκαταστήσετε το στολίδι εκτελώντας αυτήν την εντολή:
gem install bootstrap -v 5.0.2
Δείτε το README του πολύτιμου λίθου για περισσότερες λεπτομέρειες.
Συνθέτης
Μπορείτε επίσης να εγκαταστήσετε και να διαχειριστείτε το Sass και το JavaScript του Bootstrap χρησιμοποιώντας το Composer :
composer require twbs/bootstrap:5.0.2
NuGet
Εάν αναπτύσσεστε σε .NET, μπορείτε επίσης να εγκαταστήσετε και να διαχειριστείτε το CSS ή το Sass και το JavaScript του Bootstrap χρησιμοποιώντας το NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass