parsisiųsti

Atsisiųskite „Bootstrap“, kad gautumėte sukompiliuotą CSS ir „JavaScript“, šaltinio kodą arba įtraukite jį į mėgstamas paketų tvarkykles, pvz., „npm“, „RubyGems“ ir kt.

Šiame puslapyje

Sudaryta CSS ir JS

Atsisiųskite paruoštą naudoti sukompiliuotą „ Bootstrap v5.2.1 “ kodą, kad galėtumėte lengvai patekti į savo projektą, įskaitant:

Sukompiliuoti ir sumažinti CSS paketai (žr. CSS failų palyginimą )
Sukompiliuoti ir sumažinti „JavaScript“ papildiniai (žr. JS failų palyginimą )

Tai neapima dokumentacijos, šaltinio failų ar bet kokių pasirenkamų „JavaScript“ priklausomybių, pvz., „Popper“.

parsisiųsti

Šaltinio failai

Sukompiliuokite „Bootstrap“ naudodami savo išteklių rinkinį atsisiųsdami šaltinio „Sass“, „JavaScript“ ir dokumentacijos failus. Ši parinktis reikalauja papildomų įrankių:

Sass kompiliatorius , skirtas Sass šaltinio failams kompiliuoti į CSS failus
Automatinis CSS tiekėjo priešdėlis

Jei jums reikia viso mūsų kūrimo įrankių rinkinio , jie yra įtraukti kuriant „Bootstrap“ ir jo dokumentus, tačiau greičiausiai jie netinkami jūsų tikslams.

Atsisiųsti šaltinį

Pavyzdžiai

Jei norite atsisiųsti ir ištirti mūsų pavyzdžius , galite paimti jau sukurtus pavyzdžius:

Atsisiųsti pavyzdžius

CDN per jsDelivr

Praleiskite atsisiuntimą naudodami „ jsDelivr “, kad į savo projektą pateiktumėte talpykloje saugomą „Bootstrap“ sukompiliuoto CSS ir JS versiją.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

Jei naudojate mūsų sudarytą „JavaScript“ ir norite atskirai įtraukti „Popper“, pridėkite „Popper“ prieš mūsų JS, pageidautina per CDN.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

Paketo valdytojai

Įtraukite „Bootstrap“ šaltinio failus į beveik bet kurį projektą naudodami populiariausias paketų tvarkykles. Nepriklausomai nuo paketų tvarkyklės, „Bootstrap“ reikės „ Sass“ kompiliatoriaus ir „Autoprefixer “, kad sąranka atitiktų mūsų oficialias sudarytas versijas.

npm

Įdiekite „Bootstrap“ savo „Node.js“ valdomose programose naudodami „npm“ paketą :

npm install [email protected]

const bootstrap = require('bootstrap')arba import bootstrap from 'bootstrap'įkels visus „Bootstrap“ papildinius į bootstrapobjektą. Pats bootstrapmodulis eksportuoja visus mūsų papildinius. Galite rankiniu būdu įkelti „Bootstrap“ papildinius atskirai, įkeldami /js/dist/*.jsfailus paketo aukščiausio lygio kataloge.

„Bootstrap“ package.jsonyra keletas papildomų metaduomenų pagal šiuos raktus:

sass- kelias į pagrindinį Bootstrap Sass šaltinio failą
style- kelias į „Bootstrap“ nesumažintą CSS, kuris buvo sudarytas naudojant numatytuosius nustatymus (be tinkinimo)

Pradėkite naudoti „Bootstrap“ naudodami „npm“ su mūsų pradedančiuoju projektu! Eikite į twbs/bootstrap-npm-starter šablonų saugyklą ir sužinokite, kaip sukurti ir tinkinti Bootstrap savo npm projekte. Apima Sass kompiliatorių, Autoprefixer, Stylelint, PurgeCSS ir Bootstrap piktogramas.

verpalai

Įdiekite „Bootstrap“ savo „Node.js“ valdomose programose su siūlų paketu :

yarn add [email protected]

RubyGems

Įdiekite „Bootstrap“ savo „Ruby“ programose naudodami „ Bundler “ ( rekomenduojama ) ir „ RubyGems “, pridėdami šią eilutę prie savo Gemfile:

gem 'bootstrap', '~> 5.2.1'

Arba, jei nenaudojate Bundler, galite įdiegti perlą vykdydami šią komandą:

gem install bootstrap -v 5.2.1

Norėdami gauti daugiau informacijos, žiūrėkite brangakmenio README .

Kompozitorius

Taip pat galite įdiegti ir valdyti „Bootstrap's Sass“ ir „JavaScript“ naudodami „ Composer “ :

composer require twbs/bootstrap:5.2.1

NuGet

Jei kuriate .NET Framework, taip pat galite įdiegti ir valdyti Bootstrap CSS arba Sass ir JavaScript naudodami NuGet . Naujesniuose projektuose turėtų būti naudojamas libman arba kitas metodas, nes „NuGet“ yra sukurtas kompiliuotam kodui, o ne priekiniam turtui.

Install-Package bootstrap

Install-Package bootstrap.sass