Download
Laden Sie Bootstrap herunter, um den kompilierten CSS- und JavaScript-Quellcode zu erhalten, oder integrieren Sie ihn in Ihre bevorzugten Paketmanager wie npm, RubyGems und mehr.
Kompiliertes CSS und JS
Laden Sie gebrauchsfertigen kompilierten Code für Bootstrap v4.6.2 herunter , um ihn einfach in Ihr Projekt einzufügen, einschließlich:
- Kompilierte und minimierte CSS-Bundles (siehe Vergleich von CSS-Dateien )
- Kompilierte und minimierte JavaScript-Plugins (siehe Vergleich von JS-Dateien )
Dies schließt keine Dokumentation, Quelldateien oder optionale JavaScript-Abhängigkeiten (jQuery und Popper) ein.
Quelldaten
Kompilieren Sie Bootstrap mit Ihrer eigenen Asset-Pipeline, indem Sie unsere Quell-Sass-, JavaScript- und Dokumentationsdateien herunterladen. Diese Option erfordert einige zusätzliche Werkzeuge:
- Sass-Compiler zum Kompilieren von Sass-Quelldateien in CSS-Dateien
- Autoprefixer für CSS-Vendor-Präfixierung
Sollten Sie unseren vollständigen Satz an Build-Tools benötigen , sind diese für die Entwicklung von Bootstrap und seiner Dokumentation enthalten, aber sie sind wahrscheinlich für Ihre eigenen Zwecke ungeeignet.
Beispiele
Wenn Sie unsere Beispiele herunterladen und untersuchen möchten, können Sie die bereits erstellten Beispiele abrufen:
jsLieferung
Überspringen Sie den Download mit jsDelivr , um eine zwischengespeicherte Version des kompilierten CSS und JS von Bootstrap für Ihr Projekt bereitzustellen.
<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>
Wenn Sie unser kompiliertes JavaScript verwenden und es vorziehen, Popper separat einzubinden, fügen Sie Popper vor unserem JS hinzu, vorzugsweise über ein 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>
Paketmanager
Ziehen Sie die Quelldateien von Bootstrap in nahezu jedes Projekt mit einigen der beliebtesten Paketmanager ein. Unabhängig vom Paketmanager benötigt Bootstrap einen Sass-Compiler und Autoprefixer für ein Setup, das mit unseren offiziellen kompilierten Versionen übereinstimmt.
npm
Installieren Sie Bootstrap in Ihren Node.js-basierten Apps mit dem npm-Paket :
npm install bootstrap
require('bootstrap')
lädt alle jQuery-Plugins von Bootstrap in das jQuery-Objekt. Das bootstrap
Modul selbst exportiert nichts. Sie können die jQuery-Plugins von Bootstrap einzeln manuell laden, indem Sie die /js/*.js
Dateien im Verzeichnis der obersten Ebene des Pakets laden.
Bootstrap package.json
enthält einige zusätzliche Metadaten unter den folgenden Schlüsseln:
sass
- Pfad zur wichtigsten Sass - Quelldatei von Bootstrapstyle
- Pfad zum nicht minimierten CSS von Bootstrap, das mit den Standardeinstellungen vorkompiliert wurde (keine Anpassung)
Garn
Installieren Sie Bootstrap in Ihren Node.js-basierten Apps mit dem Garnpaket :
yarn add bootstrap
RubyGems
Installieren Sie Bootstrap in Ihren Ruby-Apps mit Bundler ( empfohlen ) und RubyGems , indem Sie die folgende Zeile zu Ihrem hinzufügen Gemfile
:
gem 'bootstrap', '~> 4.6.2'
Wenn Sie Bundler nicht verwenden, können Sie alternativ das Gem installieren, indem Sie diesen Befehl ausführen:
gem install bootstrap -v 4.6.2
Weitere Einzelheiten finden Sie in der README des Edelsteins .
Komponist
Sie können Sass und JavaScript von Bootstrap auch mit Composer installieren und verwalten :
composer require twbs/bootstrap:4.6.2
NuGet
Wenn Sie in .NET entwickeln, können Sie auch Bootstrap CSS oder Sass und JavaScript mit NuGet installieren und verwalten :
Install-Package bootstrap
Install-Package bootstrap.sass