Ś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.

Skompilowany CSS i JS

Pobierz gotowy do użycia skompilowany kod dla Bootstrap 4.6.2 , aby łatwo wskoczyć 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 (jQuery i 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

jsDelivr

Pomiń pobieranie za pomocą jsDelivr , aby dostarczyć do projektu buforowaną wersję skompilowanego CSS i JS Bootstrap.

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

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/[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>

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 bootstrap

require('bootstrap')załaduje wszystkie wtyczki jQuery Bootstrap do obiektu jQuery. Sam bootstrapmoduł niczego nie eksportuje. Możesz ręcznie ładować wtyczki Bootstrap jQuery indywidualnie, ładując /js/*.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ł wstępnie 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 bootstrap

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

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

gem install bootstrap -v 4.6.2

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

NuGet

Jeśli programujesz w .NET, możesz również zainstalować i zarządzać CSS lub Sass i JavaScript Bootstrap za pomocą NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass