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.

Sudaryta CSS ir JS

Atsisiųskite paruoštą naudoti sukompiliuotą „ Bootstrap v4.6.2 “ 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ų („jQuery“ ir „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šnagrinėti mūsų pavyzdžius , galite paimti jau sukurtus pavyzdžius:

Atsisiųsti pavyzdžius

jsDelivr

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

<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>

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/[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>

Paketo valdytojai

Įtraukite Bootstrap šaltinio failus į beveik bet kurį projektą su kai kuriomis populiariausiomis paketų tvarkyklėmis. Nepriklausomai nuo paketo 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 bootstrap

require('bootstrap')įkels visus „Bootstrap“ „jQuery“ papildinius į „jQuery“ objektą. Pats bootstrapmodulis nieko neeksportuoja. Galite rankiniu būdu įkelti Bootstrap jQuery papildinius atskirai, įkeldami /js/*.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 iš anksto sukompiliuotas 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 bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.6.2'

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

gem install bootstrap -v 4.6.2

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:4.6.2

NuGet

Jei kuriate .NET, taip pat galite įdiegti ir valdyti Bootstrap CSS arba Sass ir JavaScript naudodami NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass