Ś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).
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:
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 bootstrap
moduł niczego nie eksportuje. Możesz ręcznie ładować wtyczki Bootstrap jQuery indywidualnie, ładując /js/*.js
pliki do katalogu najwyższego poziomu pakietu.
Bootstrap package.json
zawiera 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', '~> 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