Pereiti prie pagrindinio turinio Pereiti prie dokumentų naršymo
in English

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 v5.0.2 “ kodą, kad galėtumėte lengvai patekti į savo projektą, į kurį įeina:

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

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

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

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 bootstrap

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 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', '~> 5.0.2'

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

gem install bootstrap -v 5.0.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:5.0.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