Κατεβάστε

Μεταγλώττιση CSS και JS

Κατεβάστε τον έτοιμο προς χρήση μεταγλωττισμένο κώδικα για το Bootstrap v5.2.1 για να τον μεταφέρετε εύκολα στο έργο σας, το οποίο περιλαμβάνει:

• Μεταγλωττισμένα και ελαχιστοποιημένα πακέτα 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-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" 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-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

Διαχειριστές πακέτων

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

npm

Εγκαταστήστε το Bootstrap στις εφαρμογές σας που υποστηρίζονται από το Node.js με το πακέτο npm :

npm install [email protected]

const bootstrap = require('bootstrap')ή import bootstrap from 'bootstrap'θα φορτώσει όλα τα πρόσθετα του Bootstrap σε ένα bootstrapαντικείμενο. Η bootstrapίδια η ενότητα εξάγει όλες τις προσθήκες μας. Μπορείτε να φορτώσετε μη αυτόματα τα πρόσθετα του Bootstrap μεμονωμένα, φορτώνοντας τα /js/dist/*.jsαρχεία στον κατάλογο ανώτατου επιπέδου του πακέτου.

Το Bootstrap package.jsonπεριέχει ορισμένα πρόσθετα μεταδεδομένα κάτω από τα ακόλουθα κλειδιά:

• sass- διαδρομή προς το κύριο αρχείο προέλευσης Sass του Bootstrap
• style- διαδρομή προς το μη ελαχιστοποιημένο CSS του Bootstrap που έχει μεταγλωττιστεί χρησιμοποιώντας τις προεπιλεγμένες ρυθμίσεις (χωρίς προσαρμογή)

νήμα

Εγκαταστήστε το Bootstrap στις εφαρμογές σας που υποστηρίζονται από το Node.js με το πακέτο νήμα :

yarn add [email protected]

RubyGems

Εγκαταστήστε το Bootstrap στις εφαρμογές σας Ruby χρησιμοποιώντας το Bundler ( συνιστάται ) και το RubyGems προσθέτοντας την ακόλουθη γραμμή στο Gemfile:

gem 'bootstrap', '~> 5.2.1'

Εναλλακτικά, εάν δεν χρησιμοποιείτε το Bundler, μπορείτε να εγκαταστήσετε το στολίδι εκτελώντας αυτήν την εντολή:

gem install bootstrap -v 5.2.1

Δείτε το README του πολύτιμου λίθου για περισσότερες λεπτομέρειες.

Συνθέτης

Μπορείτε επίσης να εγκαταστήσετε και να διαχειριστείτε το Sass και το JavaScript του Bootstrap χρησιμοποιώντας το Composer :

composer require twbs/bootstrap:5.2.1

NuGet

Εάν αναπτύσσετε σε .NET Framework, μπορείτε επίσης να εγκαταστήσετε και να διαχειριστείτε το CSS ή Sass και JavaScript του Bootstrap χρησιμοποιώντας το NuGet . Τα νεότερα έργα θα πρέπει να χρησιμοποιούν το libman ή άλλη μέθοδο, καθώς το NuGet έχει σχεδιαστεί για μεταγλωττισμένο κώδικα και όχι για στοιχεία διεπαφής.

Install-Package bootstrap

Install-Package bootstrap.sass