Pakua
Pakua Bootstrap ili upate CSS iliyokusanywa na JavaScript, msimbo wa chanzo, au uijumuishe pamoja na wasimamizi wa vifurushi unavyopenda kama vile npm, RubyGems, na zaidi.
Imekusanywa CSS na JS
Pakua msimbo uliokusanywa tayari kutumia wa Bootstrap v5.1.3 ili uingie kwa urahisi kwenye mradi wako, unaojumuisha:
- Vifurushi vya CSS vilivyokusanywa na kupunguzwa (angalia ulinganisho wa faili za CSS )
- Programu jalizi za JavaScript zilizokusanywa na kupunguzwa (angalia ulinganisho wa faili za JS )
Hii haijumuishi hati, faili chanzo, au vitegemezi vyovyote vya hiari vya JavaScript kama vile Popper.
Chanzo faili
Kusanya Bootstrap na bomba la mali yako mwenyewe kwa kupakua chanzo chetu cha Sass, JavaScript, na faili za hati. Chaguo hili linahitaji zana zingine za ziada:
- Mkusanyaji wa Sass wa kuandaa faili chanzo cha Sass katika faili za CSS
- Kiambishi kiambishi otomatiki cha kiambishi awali cha muuzaji wa CSS
Ukihitaji seti yetu kamili ya zana za ujenzi , zimejumuishwa kwa ajili ya kutengeneza Bootstrap na hati zake, lakini huenda hazifai kwa madhumuni yako mwenyewe.
Mifano
Ikiwa ungependa kupakua na kuchunguza mifano yetu , unaweza kunyakua mifano iliyojengwa tayari:
CDN kupitia jsDelivr
Ruka upakuaji na jsDelivr ili kutoa toleo lililohifadhiwa la CSS na JS iliyokusanywa ya Bootstrap kwenye mradi wako.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
Ikiwa unatumia JavaScript yetu iliyokusanywa na unapendelea kujumuisha Popper kando, ongeza Popper kabla ya JS yetu, kupitia CDN ikiwezekana.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
Wasimamizi wa vifurushi
Vuta faili za chanzo za Bootstrap kwenye karibu mradi wowote na baadhi ya wasimamizi maarufu wa vifurushi. Bila kujali kidhibiti kifurushi, Bootstrap itahitaji mkusanyaji wa Sass na Kiambishi Kiotomatiki kwa usanidi unaolingana na matoleo yetu rasmi yaliyokusanywa.
npm
Sakinisha Bootstrap katika programu zako zinazoendeshwa na Node.js na kifurushi cha npm :
npm install bootstrap
const bootstrap = require('bootstrap')
au import bootstrap from 'bootstrap'
itapakia programu-jalizi zote za Bootstrap kwenye bootstrap
kitu. Moduli bootstrap
yenyewe inasafirisha programu-jalizi zetu zote. Unaweza kupakia programu-jalizi za Bootstrap kibinafsi kwa kupakia /js/dist/*.js
faili chini ya saraka ya kiwango cha juu cha kifurushi.
Bootstrap's package.json
ina metadata ya ziada chini ya funguo zifuatazo:
sass
- njia ya faili kuu ya chanzo cha Bootstrap ya Sassstyle
- njia ya CSS isiyo na minified ya Bootstrap ambayo imeandaliwa kwa kutumia mipangilio chaguo-msingi (hakuna ubinafsishaji)
uzi
Sakinisha Bootstrap katika programu zako zinazoendeshwa na Node.js na kifurushi cha uzi :
yarn add bootstrap
RubyGems
Sakinisha Bootstrap katika programu zako za Ruby kwa kutumia Bundler ( ilipendekeza ) na RubyGems kwa kuongeza laini ifuatayo kwenye yako Gemfile
:
gem 'bootstrap', '~> 5.1.3'
Vinginevyo, ikiwa hutumii Bundler, unaweza kusakinisha vito kwa kutekeleza amri hii:
gem install bootstrap -v 5.1.3
Tazama README ya gem kwa maelezo zaidi.
Mtunzi
Unaweza pia kusakinisha na kudhibiti Sass ya Bootstrap na JavaScript kwa kutumia Composer :
composer require twbs/bootstrap:5.1.3
NuGet
Ukitengeneza katika .NET, unaweza pia kusakinisha na kudhibiti CSS ya Bootstrap au Sass na JavaScript kwa kutumia NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass