Source

Κατεβάστε

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

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

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

  • Μεταγλωττισμένα και ελαχιστοποιημένα πακέτα CSS (δείτε σύγκριση αρχείων CSS )
  • Μεταγλώττιση και ελαχιστοποίηση προσθηκών JavaScript

Αυτό δεν περιλαμβάνει τεκμηρίωση, αρχεία προέλευσης ή προαιρετικές εξαρτήσεις JavaScript (jQuery και Popper.js).

Κατεβάστε

Αρχεία πηγής

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

  • Μεταγλωττιστής Sass (υποστηρίζεται το Libsass ή το Ruby 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-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

Εάν χρησιμοποιείτε τη μεταγλωττισμένη μας JavaScript, μην ξεχάσετε να συμπεριλάβετε εκδόσεις CDN του jQuery και του Popper.js πριν από αυτό.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" 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 του Bootstrap
  • style- διαδρομή προς το μη ελαχιστοποιημένο CSS του Bootstrap που έχει προμεταγλωττιστεί χρησιμοποιώντας τις προεπιλεγμένες ρυθμίσεις (χωρίς προσαρμογή)

RubyGems

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

gem 'bootstrap', '~> 4.0.0'

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

gem install bootstrap -v 4.0.0

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

Συνθέτης

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

composer require twbs/bootstrap:4.0.0

NuGet

Εάν αναπτύσσεστε σε .NET, μπορείτε επίσης να εγκαταστήσετε και να διαχειριστείτε το CSS ή το Sass και το JavaScript του Bootstrap χρησιμοποιώντας το NuGet :

Install-Package bootstrap
Install-Package bootstrap.sass