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 den gebrauchsfertigen kompilierten Code für Bootstrap v4.3.1 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
Dies schließt keine Dokumentation, Quelldateien oder optionale JavaScript-Abhängigkeiten (jQuery und Popper.js) 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 (Libsass oder Ruby Sass wird unterstützt) zum Kompilieren Ihres CSS.
- Autoprefixer für CSS-Vendor-Präfixierung
Sollten Sie Build-Tools benötigen, sind diese für die Entwicklung von Bootstrap und seiner Dokumentation enthalten, aber für Ihre eigenen Zwecke sind sie wahrscheinlich ungeeignet.
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-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
Wenn Sie unser kompiliertes JavaScript verwenden, vergessen Sie nicht, CDN-Versionen von jQuery und Popper.js davor einzuschließen.
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" 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.3.1'
Wenn Sie Bundler nicht verwenden, können Sie alternativ das Gem installieren, indem Sie diesen Befehl ausführen:
gem install bootstrap -v 4.3.1
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.3.1
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