Zum Hauptinhalt springen Zur Dokumentennavigation springen
in English

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.

Auf dieser Seite

Kompiliertes CSS und JS

Laden Sie gebrauchsfertigen kompilierten Code für Bootstrap v5.1.3 herunter , um ihn einfach in Ihr Projekt einzufügen, einschließlich:

Dies schließt keine Dokumentation, Quelldateien oder optionale JavaScript-Abhängigkeiten wie Popper ein.

Download

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:

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.

Quelle herunterladen

Beispiele

Wenn Sie unsere Beispiele herunterladen und untersuchen möchten, können Sie die bereits erstellten Beispiele abrufen:

Beispiele herunterladen

CDN über jsDelivr

Überspringen Sie den Download mit jsDelivr , um eine zwischengespeicherte Version des kompilierten CSS und JS von Bootstrap für Ihr Projekt bereitzustellen.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" 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/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" 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

const bootstrap = require('bootstrap')oder import bootstrap from 'bootstrap'lädt alle Plugins von Bootstrap auf ein bootstrapObjekt. Das bootstrapModul selbst exportiert alle unsere Plugins. Sie können die Plugins von Bootstrap einzeln manuell laden, indem Sie die /js/dist/*.jsDateien im Verzeichnis der obersten Ebene des Pakets laden.

Bootstrap package.jsonenthält einige zusätzliche Metadaten unter den folgenden Schlüsseln:

  • sass- Pfad zur wichtigsten Sass - Quelldatei von Bootstrap
  • style- Pfad zum nicht minimierten CSS von Bootstrap, das mit den Standardeinstellungen vorkompiliert wurde (keine Anpassung)
Starten Sie mit Bootstrap via npm mit unserem Starter-Projekt! Gehen Sie zum Vorlagen-Repository twbs/bootstrap-npm-starter , um zu erfahren , wie Sie Bootstrap in Ihrem eigenen npm-Projekt erstellen und anpassen können. Enthält Sass-Compiler, Autoprefixer, Stylelint, PurgeCSS und Bootstrap-Icons.

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', '~> 5.1.3'

Wenn Sie Bundler nicht verwenden, können Sie alternativ das Gem installieren, indem Sie diesen Befehl ausführen:

gem install bootstrap -v 5.1.3

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:5.1.3

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