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 v4.6.2 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 (jQuery na 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:
jsDelivr
Ruka upakuaji na jsDelivr ili kutoa toleo lililohifadhiwa la CSS na JS iliyokusanywa ya Bootstrap kwenye mradi wako.
<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>
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/[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>
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
require('bootstrap')
itapakia programu-jalizi zote za jQuery za Bootstrap kwenye kitu cha jQuery. Moduli bootstrap
yenyewe haihamishi chochote. Unaweza kupakia kiotomatiki programu jalizi za jQuery za Bootstrap kibinafsi kwa kupakia /js/*.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', '~> 4.6.2'
Vinginevyo, ikiwa hutumii Bundler, unaweza kusakinisha vito kwa kutekeleza amri hii:
gem install bootstrap -v 4.6.2
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:4.6.2
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