Source

Ś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 w wersji 4.4.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

Nie obejmuje to dokumentacji, plików źródłowych ani żadnych opcjonalnych zależności JavaScript (jQuery i Popper.js).

Ś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 (obsługiwane są Libsass lub Ruby Sass) do kompilowania CSS.
  • Autoprefixer dla prefiksów dostawcy CSS

Jeśli potrzebujesz 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

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-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

Jeśli używasz naszego skompilowanego JavaScript, nie zapomnij dołączyć przed nim wersji CDN jQuery i Popper.js.

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" 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)

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.4.1'

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

gem install bootstrap -v 4.4.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:4.4.1

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