Ś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 v5.0.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, takich jak Popper.
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.
Przykłady
Jeśli chcesz pobrać i przeanalizować nasze przykłady , możesz pobrać już zbudowane 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-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 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-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 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
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 Bootstrapastyle- ś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', '~> 5.0.2'
Alternatywnie, jeśli nie używasz Bundlera, możesz zainstalować klejnot, uruchamiając to polecenie:
gem install bootstrap -v 5.0.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:5.0.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