Niżżel

CSS u JS miġbura

Niżżel kodiċi kkumpilat lest għall-użu għal Bootstrap v5.0.2 biex faċilment tidħol fil-proġett tiegħek, li jinkludi:

• Pakketti CSS ikkumpilati u mminifikati (ara t -tqabbil tal-fajls CSS )
• Plugins JavaScript ikkompilati u mminifikati (ara t -tqabbil tal-fajls JS )

Dan ma jinkludix dokumentazzjoni, fajls sors, jew xi dipendenzi fakultattivi JavaScript bħal Popper.

Niżżel

Fajls tas-sors

Ikkompila Bootstrap bil-pipeline tal-assi tiegħek stess billi tniżżel il-fajls tagħna ta’ Sass, JavaScript u dokumentazzjoni tas-sors. Din l-għażla teħtieġ xi għodda addizzjonali:

• Sass kompilatur għall-kompilazzjoni ta 'fajls tas-sors Sass f'fajls CSS
• Autoprefixer għall-prefissing tal-bejjiegħ CSS

Jekk teħtieġ is-sett sħiħ tagħna ta' għodod tal-bini , huma inklużi għall-iżvilupp ta' Bootstrap u d-dokumenti tiegħu, iżda x'aktarx mhumiex adattati għall-iskopijiet tiegħek.

Niżżel is-sors

Eżempji

Jekk trid tniżżel u teżamina l- eżempji tagħna , tista' taqbad l-eżempji diġà mibnija:

Niżżel Eżempji

CDN permezz ta' jsDelivr

Aqbeż it-tniżżil b'jsDelivr biex twassal verżjoni cache tas-CSS u JS ikkumpilati ta' Bootstrap għall-proġett tiegħek.

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

Jekk qed tuża l-JavaScript ikkumpilat tagħna u tippreferi li tinkludi Popper separatament, żid Popper qabel JS tagħna, permezz ta 'CDN preferibbilment.

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

Maniġers tal-pakketti

Iġbed il- fajls tas-sors ta 'Bootstrap fi kważi kull proġett ma' wħud mill-maniġers tal-pakketti l-aktar popolari. Ma jimpurtax mill-maniġer tal-pakketti, Bootstrap se jeħtieġ kompilatur Sass u Autoprefixer għal setup li taqbel mal-verżjonijiet ikkumpilati uffiċjali tagħna.

npm

Installa Bootstrap fl-apps tiegħek li jaħdmu b'Node.js bil -pakkett npm :

npm install bootstrap

const bootstrap = require('bootstrap')jew import bootstrap from 'bootstrap'se jgħabbi l-plugins kollha ta' Bootstrap fuq bootstrapoġġett. Il- bootstrapmodulu innifsu jesporta l-plugins kollha tagħna. Tista' tgħabbi manwalment il-plugins ta' Bootstrap individwalment billi tgħabbi l- /js/dist/*.jsfajls taħt id-direttorju tal-ogħla livell tal-pakkett.

Bootstrap's package.jsonfih xi metadejta addizzjonali taħt iċ-ċwievet li ġejjin:

• sass- mogħdija għall- fajl tas-sors ewlieni tas- Sass ta' Bootstrap
• style- mogħdija għas-CSS mhux imminifikat ta' Bootstrap li ġie kkumpilat minn qabel bl-użu tas-settings default (l-ebda customization)

ħajt

Installa Bootstrap fl-apps tiegħek li jaħdmu b'Node.js bil -pakkett tal-ħjut :

yarn add bootstrap

RubyGems

Installa Bootstrap fl-apps Ruby tiegħek billi tuża Bundler ( rrakkomandat ) u RubyGems billi żżid il-linja li ġejja ma' tiegħek Gemfile:

gem 'bootstrap', '~> 5.0.2'

Inkella, jekk m'intix qed tuża Bundler, tista' tinstalla l-gem billi tħaddem dan il-kmand:

gem install bootstrap -v 5.0.2

Ara l-Ġawhra README għal aktar dettalji.

Kompożitur

Tista' wkoll tinstalla u timmaniġġja Sass u JavaScript ta' Bootstrap billi tuża Composer :

composer require twbs/bootstrap:5.0.2

NuGet

Jekk tiżviluppa f'.NET, tista' wkoll tinstalla u timmaniġġja s- CSS jew Sass u JavaScript ta' Bootstrap billi tuża NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass