Ś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.1.3 , 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.
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 swojego projektu buforowaną wersję skompilowanego CSS i JS Bootstrapa.
<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>
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-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>
Menedżerowie pakietów
Wciągnij pliki źródłowe Bootstrapa do prawie 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ł prekompilowany 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.1.3'
Alternatywnie, jeśli nie używasz Bundlera, możesz zainstalować gem, uruchamiając to polecenie:
gem install bootstrap -v 5.1.3
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.1.3
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