Ściągnij

Pobierz Bootstrap, aby uzyskać skompilowany CSS i JavaScript, kod źródłowy lub dołącz go do swoich ulubionych menedżerów pakietów, takich jak npm, RubyGems i nie tylko.

Na tej stronie

Skompilowany CSS i JS

Pobierz gotowy do użycia skompilowany kod dla Bootstrap v5.2.1 , aby łatwo przejść do swojego projektu, który obejmuje:

Skompilowane i zminimalizowane pakiety CSS (zobacz porównanie plików CSS )
Skompilowane i zminimalizowane wtyczki JavaScript (zobacz porównanie plików JS )

Nie obejmuje to dokumentacji, plików źródłowych ani żadnych opcjonalnych zależności JavaScript, takich jak Popper.

Ściągnij

Pliki źródłowe

Skompiluj Bootstrap z własnym potokiem zasobów, pobierając nasze źródłowe pliki Sass, JavaScript i dokumentacji. Ta opcja wymaga dodatkowego oprzyrządowania:

Kompilator Sass do kompilowania plików źródłowych Sass do plików CSS
Autoprefixer dla prefiksów dostawcy CSS

Jeśli potrzebujesz naszego pełnego zestawu narzędzi do budowania , są one dołączone do tworzenia Bootstrapa i jego dokumentacji, ale prawdopodobnie nie nadają się do Twoich własnych celów.

Pobierz źródło

Przykłady

Jeśli chcesz pobrać i przeanalizować nasze przykłady , możesz pobrać już zbudowane przykłady:

Pobierz przykłady

CDN przez jsDelivr

Pomiń pobieranie za pomocą jsDelivr , aby dostarczyć do projektu buforowaną wersję skompilowanego CSS i 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>

Jeśli używasz naszego skompilowanego JavaScript i wolisz dołączyć Poppera osobno, dodaj Poppera przed naszym JS, najlepiej przez 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>

Menedżerowie pakietów

Wciągnij pliki źródłowe Bootstrapa do niemal każdego projektu za pomocą niektórych z najpopularniejszych menedżerów pakietów. Bez względu na menedżera pakietów, Bootstrap będzie wymagał kompilatora Sass i Autoprefixera dla konfiguracji zgodnej z naszymi oficjalnymi skompilowanymi wersjami.

npm

Zainstaluj Bootstrap w swoich aplikacjach opartych na Node.js z pakietem npm :

npm install [email protected]

const bootstrap = require('bootstrap')lub import bootstrap from 'bootstrap'załaduje wszystkie wtyczki Bootstrap do bootstrapobiektu. Sam bootstrapmoduł eksportuje wszystkie nasze wtyczki. Możesz ręcznie ładować wtyczki Bootstrap'a pojedynczo, ładując /js/dist/*.jspliki do katalogu najwyższego poziomu pakietu.

Bootstrap package.jsonzawiera dodatkowe metadane pod następującymi kluczami:

sass- ścieżka do głównego pliku źródłowego Sassa Bootstrapa
style- ścieżka do niezminifikowanego CSS Bootstrapa, który został skompilowany przy użyciu ustawień domyślnych (bez dostosowywania)

Zacznij korzystać z Bootstrap przez npm dzięki naszemu projektowi startowemu! Przejdź do repozytorium szablonów twbs /bootstrap-npm-starter , aby zobaczyć, jak zbudować i dostosować Bootstrap we własnym projekcie npm. Zawiera kompilator Sass, Autoprefixer, Stylelint, PurgeCSS i ikony Bootstrap.

przędza

Zainstaluj Bootstrap w swoich aplikacjach opartych na Node.js z pakietem przędzy :

yarn add [email protected]

Rubinowe Klejnoty

Zainstaluj Bootstrap w swoich aplikacjach Ruby używając Bundler ( zalecane ) i RubyGems , dodając następujący wiersz do swojego Gemfile:

gem 'bootstrap', '~> 5.2.1'

Alternatywnie, jeśli nie używasz Bundlera, możesz zainstalować klejnot, uruchamiając to polecenie:

gem install bootstrap -v 5.2.1

Więcej szczegółów znajdziesz w README klejnotu .

Kompozytor

Możesz także zainstalować i zarządzać Sass i JavaScript Bootstrap za pomocą Composer :

composer require twbs/bootstrap:5.2.1

NuGet

Jeśli programujesz w .NET Framework, możesz również zainstalować i zarządzać CSS lub Sass i JavaScript Bootstrap przy użyciu NuGet . Nowsze projekty powinny używać libman lub innej metody, ponieważ NuGet jest przeznaczony dla skompilowanego kodu, a nie zasobów frontonu.

Install-Package bootstrap

Install-Package bootstrap.sass